Mieux organiser vos fichiers CSS

Ceux qui ont l’habitude de travailler avec les feuilles de styles CSS à haute dose savent comment la situation peut très vite dégénérer. Je me souviens d’un projet pour un grande compagnie d’assurance française où ma feuille de styles dépassait les 1.200 lignes, un vrai cauchemard à maintenir (pardon à ceux qui ont récupéré le projet et ont dû se dépatouiller avec !).

Toujours est-il que l’on parle de plus en plus de structuration voir d’architecture pour les feuilles de style. Le Digital Web Magazine nous propose un article sur le sujet : Architecting CSS. L’auteur y étudie le pour et le contre de trois approches : associer une feuille de styles par gabarit de page, associer une feuille de style pour chacun des éléments majeurs de la page, associer une feuille de style par type de page (formulaire, tableau de données…) sans réellement identifier une solution idéale. Avant cela, Gou avait également rédigé un billet sur le sujet : Structurer ses CSS. Au passage vous remarquerez le nouveau design de son site.