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/