Noms des classes

Quelques conseils pour le nom de vos classes

  • Nommez sémantiquement vos classes 😡

  • N'utilisez pas des noms de balises ou de couleurs pour vos classes : votre code ou votre charte sera peut être amenée à évoluer 😉 : .div .rouge

  • Préfixez vos classes

.is-opened, .is-hidden /* Pour désigner un état */

.js-menu, .js-is-hidden /* Pour des évènements liés au javascript */
  • Evitez de surcharger vos sélecteurs

ul.nav li a.navlink {
// NON !
}

.navlink {
// Oui !
}
  • Evitez d'utiliser les les #id. Cela demande plus de ressources.

Last updated