Résumé

  • Dans son récit du projet, Dave Shea explique que le site lancé en 2003 interdisait aux contributeurs de modifier le HTML ; toute la transformation passait par CSS, les images et les polices.
  • Le site actuel permet toujours de changer de dessin sur une même page. Une refonte en 2013 rappelle que le document commun devait lui aussi être entretenu.

Un catalogue de propriétés ne vendait pas un site

La recommandation CSS1 du W3C, publiée en 1996, décrivait déjà une manière d'attacher couleurs, polices et espacements à un document HTML. Mais le fait qu'une technique soit normalisée ne suffit pas à faire abandonner un métier. Shea se souvient, dans l'histoire de CSS Zen Garden, de la persistance des mises en page en tableaux et des balises de police. Vers 2003, beaucoup voyaient encore CSS comme un outil pour changer quelques couleurs plutôt que pour dessiner une page ambitieuse. Il fallait un résultat, pas une autre exhortation.

La règle du jardin fut donc une interdiction. Aucun participant ne pouvait toucher au HTML. Il pouvait produire une feuille CSS, ajouter images et polices, puis soumettre un dessin. Sur le site de démonstration, cliquer sur un autre style conserve le texte et le document sous-jacent tout en transformant l'apparence. Le visiteur voit l'argument en une seconde. Si chaque graphiste avait pu réécrire la structure, la comparaison aurait perdu son sens : une belle page aurait pu devoir sa beauté à une autre page.

Le document commun a rendu les travaux comparables. Il a aussi rendu la contrainte assez excitante pour attirer des contributions. Dans le souvenir de Shea, la galerie devait être collective dès l'origine : les créations d'autres graphistes porteraient plus loin la preuve qu'un seul exemple. La liste des dessins publiés montre cette diversité sur une base identique. Le standard cessait de ressembler à une consigne de comité ; il devenait un défi public.

La scène appartient à quelqu'un

Ce défi distribuait le pouvoir avec précision. L'organisateur fixait le contenu, les éléments HTML disponibles et la sélection des contributions. Les graphistes décidaient des couleurs, des formes, de la composition et des ressources visuelles à l'intérieur de ces limites. CSS pouvait pousser très loin la présentation, mais ne pouvait pas inventer un élément sémantique absent du document. La démonstration n'effaçait pas la structure : elle rendait visible le coût de celui qui la choisit.

Les conditions de participation séparaient également deux sortes de réutilisation. Les auteurs devaient créer leurs propres images et gardaient leurs droits sur les graphismes. Le projet demandait en revanche une licence ouverte sur le CSS pour que d'autres puissent en apprendre les techniques. La feuille de style pouvait servir de leçon sans transformer les images d'autrui en libre-service. Cette distinction donnait à la galerie sa valeur pédagogique tout en laissant aux créateurs leur propriété visuelle.

Le jardin lui-même a dû changer de base. Dans sa note de soumission, Shea date de 2013, dixième anniversaire du site, une refonte en HTML5 et CSS3. Les anciennes racines XHTML et CSS2 vieillissaient comme outil d'apprentissage. Ce renouvellement souligne le paradoxe pratique d'une page fixe : pour que les créations soient comparables, quelqu'un doit geler le document ; pour que la démonstration reste pertinente, quelqu'un doit parfois le remplacer.

CSS Zen Garden n'a pas inventé la séparation décrite dans les spécifications du W3C. Il lui a donné une scène, des participants et un public. Le verrou sur le HTML a rendu les variations lisibles. En tenant la scène fermée, Shea a donné aux graphistes une excellente raison de montrer ce que CSS savait faire — et à tout visiteur un moyen de les croire sur pièce.