Aller au contenu

Comment hiérarchiser correctement son code CSS ?

Par Corinne Durrmeyer

Mini-conf (30 mn) :
Salle :
Auditorium René Descartes
Langue :
Français

Le sujet

Voilà une question à laquelle je me suis régulièrement heurtée ces 10 dernières années… J'ai essayé plusieurs approches, mais aucune ne m'a réellement séduite jusqu'à ce que je découvre ITCSS l'année dernière. ITCSS est l'acronyme pour Inverted Triangle CSS. Il s'agit d'une méthodologie développée par Harry Roberts visant à organiser le code CSS de la manière la plus logique et pertinente qui soit. Elle définit un cadre et un certain nombre de règles à respecter quand à la hiérarchisation du code source, et c'est tout. Aucune convention de nommage spécifique n'est imposée, ce qui lui permet d'être appliquée à tous les projets (aussi bien les existants que les nouveaux). À l'instar du fonctionnement de CSS, cette méthodologie tire partie de la cascade pour limiter la spécificité des sélecteurs à leur strict minimum et éviter au maximum les surcharges inutiles.

Si vous aussi, vous en avez marre de vous demander comment organiser votre code CSS, venez découvrir ITCSS. Vous pourrez commencer à l'utiliser dès lundi matin. ;-)

Présenté par