CSS Zen Garden

C’est en me rendant compte, le mois dernier — à l’occasion du passage d’un de ses initiateurs, Dave Shea, à Paris Web — que peu de personnes savaient encore de quoi il s’agissait, que j’ai achevé ce vieux billet.

Le « CSS Zen Garden » est un site de démonstration des possibilités graphiques qui s’offrent aux pages web avec le langage CSS. Le principe est simple : le site est composée d’une unique page HTML qui est affichée de mille et une façons visuellement très différentes, juste en changeant de feuille de style. Comme un exercice de style à la Raymond Queneau, qui raconte la même histoire de 99 façons différentes.

La démo est éloquente, car le contenu de la page est invariable mais son apparence change considérablement, passant par toutes les couleurs et toutes les compositions possibles. Qu’est-ce que j’ai passé comme temps, à l’époque, à feuilleter ce site, comparant les pages, plongeant le nez dans les fichiers pour en examiner le code !

Lorsqu’il a ouvert en 2003, le CSS Zen Garden ne contenait que cinq thèmes graphiques. Le but était d’intéresser les graphistes aux avantages du CSS et des standards W3C. Et ça a marché ! Il compte désormais plus de 200 feuilles de style, envoyées par les graphistes du monde entier, et a été traduit en une vingtaines de langues.