Le Quotidien Shaarli

Tous les liens d'un jour sur une page.

07/20/22

CSS Utility Classes and "Separation of Concerns"

Article très intéressant sur comment nommer correctement ses classes CSS. En substance le comportement visuel ne doit jamais fuiter dans le nom de la classe, autrement cela voudrait dire que le HTML connaît une partie de la présentation ce qui viole le principe de séparation des préoccupations.

Par exemple pour un message principale sur page d'accueil il ne faut pas écrire :

.big-text-center {
      /* ... */
}

Mais écrire :

.greeting {
      /* ... */
}