Resumen

  • Según la historia escrita por Dave Shea, CSS Zen Garden nació en 2003 con una norma sencilla: ni un cambio al HTML; el diseño debía hacerse con CSS, imágenes y fuentes.
  • El sitio conserva la comparación de estilos sobre una página común. Su guía de envíos fecha en 2013 una actualización a HTML5 y CSS3, cuando la vieja base había empezado a envejecer.

Si el argumento era visual, había que mostrarlo

La Recomendación CSS1 del W3C, de 1996, ya describía hojas de estilo capaces de dar color, fuente y espacio a un documento HTML. En el trabajo cotidiano, sin embargo, los diseños con tablas y etiquetas de fuente seguían siendo familiares. Shea recuerda en la historia del proyecto que, hacia 2003, muchos diseñadores y clientes imaginaban CSS como un recurso para páginas cuadradas y aburridas. Hablar de estándares no desmontaba esa sospecha. Un conjunto de páginas capaces de sorprender sí podía hacerlo.

La condición del jardín fue tajante. Los participantes recibían el mismo HTML y podían modificar la hoja de estilos y añadir recursos gráficos. En el jardín abierto al público, elegir otro diseño cambia la apariencia sin cambiar el documento base. El lector no necesita conocer todos los selectores de CSS para entender la prueba. Si se permitiera alterar también el HTML, cada resultado podría deberse a una estructura distinta y la comparación perdería fuerza.

Esa limitación volvió interesante el encargo. Shea quería desde el principio una galería colectiva, no una colección de páginas diseñadas solo por él. La lista de trabajos muestra muchas maneras de vestir una estructura compartida. Los participantes obtenían reconocimiento y los visitantes podían pasar de una propuesta a otra. La capacidad de CSS dejó de ser una promesa en un documento técnico: estaba a la vista y se podía discutir con ejemplos concretos.

La página común también tiene propietario

La regla repartía la autoridad. Shea y el proyecto decidían las palabras, la estructura HTML y qué propuestas publicar. Cada diseñador decidía la composición visual dentro de ese marco. La separación entre contenido y presentación abrió espacio creativo, pero no convirtió el HTML en un detalle irrelevante. Si la estructura no incluía un elemento o una relación semántica, la hoja de estilos no podía inventarlos de verdad. El jardín ofrecía libertad de diseño sobre un suelo que otro había construido.

También había una frontera de propiedad intelectual. Las condiciones del sitio piden obra gráfica original y dejan a cada autor los derechos sobre sus imágenes. En cambio, solicitan que el CSS quede bajo una licencia Creative Commons abierta para que otros puedan estudiar la técnica. Poder leer y aprender de una hoja de estilos no daba permiso para apropiarse de la ilustración que la acompañaba. La galería era al mismo tiempo exhibición, concurso y escuela, con derechos distintos para cada pieza.

La base común exigía mantenimiento. En 2013, para el décimo aniversario, Shea renovó el jardín con HTML5 y CSS3. Sus raíces anteriores en XHTML y CSS2 ya estaban perdiendo utilidad como ejemplo para nuevos diseñadores. El cambio reveló el precio de fijar una página: el organizador puede mantenerla igual mientras sirve como referencia y debe decidir cuándo un documento demasiado viejo empieza a enseñar el problema equivocado.

CSS Zen Garden no creó las reglas de CSS recogidas por el W3C. Hizo algo diferente: añadió público, competencia y una comparación visible. Congelar el HTML convirtió una restricción técnica en una apuesta editorial. Si distintas personas podían hacer páginas de aspecto radicalmente distinto sin reescribir la base, ya no hacía falta pedir a los clientes que imaginaran la posibilidad.