CSS Orienté Objet

Parmi les projets auxquels j’ai participé avant de rejoindre Pheromone, la refonte du site du w3c est un de ceux qui me fait le plus plaisir à voir enfin public. Les attentes quant au travail sur le site de l’organisation des standards du Web était telle que l’équipe qui le gérait aura souvent été tenté par l’immobilisme comme rempart à l’inévitable pluie de critique que tout changement de style, ou de code, génèrerait.

Parmi les changements majeurs apportés par cette refonte, outre le massif ouvrage de simplification de la navigation et d’architecture d’information, il est intéressant de noter que l’équipe du W3C a décidé d’utiliser pour ses feuilles de style la méthodologie de «CSS orienté objet» développée par Nicole Sullivan. Les principes fondateurs du ooCSS partent d’observations qui rejoignent les miennes: tout site d’envergure, de croissance organique, ou qui voit son design évoluer au fil du temps voit aussi ses feuilles de style se transformer en bazar inextricable.

Résultat: des feuilles de style lourdes, mal organisées, redondantes, utilisant rarement les potentialités (notamment pour les aspects de cascade) du langage CSS… Tous les projets de “refactorisation de code CSS” auxquels j’ai pu assister se transforment souvent en vilaine farce: on efface tout et on recommence. C’est souvent une perte de temps, un gâchis d’argent, et dans la plupart des cas le travail de rationalisation des feuilles de style est repoussé aux calendes grecques, à savoir à une éventuelle refonte complète du site.

C’est dans ce contexte que ooCSS fait son entrée. Se réclamant de deux principes fondateurs: «séparer la structure et l’habillage» et «séparer le contenu du contenant», le CSS orienté objet part surtout d’une affirmation: le CSS, c’est du code, et il revient aux professionels du Web de le traiter en tant que tel. Et tout comme la plupart des «frameworks» de code (Rails pour Ruby, Django pour Python, etc.) auront permis aux développeurs de structurer leur code autour d’une architecture réfléchie et adaptée au Web, il faut se réjouir de voir un effort similaire, quoique sans doute encore maladroit, tenter de structurer la pratique du langage CSS.

Pour en savoir plus sur ooCSS, la meilleure introduction au sujet demeure cette présentation par Nicole de son framework, et bien entendu, la mise en pratique.