CSS Bolognaise

Architecturer son projet

organiser son code

Pas d'id !

  • Utiliser des ID en css augmente la spécificité de la règle
  • Il devient plus difficile de modifier le style d'un élément
  • Mettre un ID signifie "cet élément est unique et il ne sera jamais stylé/réutilisé pareil ailleurs"


Attention : Les ID sont cependant toujours utiles pour le JS ou simplement pour identifier un élément spécifique (ou quand on a pas le choix :) )

Composants réutilisables (BEM ?)

  • http://jsfiddle.net/csswizardry/f9hvs/
  • http://jsfiddle.net/csswizardry/f9hvs/2/ (http://csswizardry.com/2014/03/naming-ui-components-in-oocss/)

Ressources

  • Les classes sémantiques ça veut dire quoi ? On s'en fout ou pas ? http://nicolasgallagher.com/about-html-semantics-front-end-architecture/
  • La syntaxe BEM http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/

CSS Architecture

By Adrien Denat

Made with Slides.com

CSS Architecture

  • 1,161

More from Adrien Denat