Кратко

  • В истории проекта Дэйв Ши объясняет правило галереи 2003 года: менять HTML запрещено; оформление строится средствами CSS, изображений и шрифтов.
  • На действующем сайте можно менять дизайн общей страницы. Обновление 2013 года перевело основу на HTML5 и CSS3, сохранив ценность демонстрации для нового времени.

У стандарта был язык, но не было витрины

Рекомендация W3C CSS1 от 1996 года уже описывала, как добавлять к HTML стили: шрифты, цвета и отступы. Однако практика опиралась на таблицы для разметки страниц и теги для оформления текста. В ретроспективе Ши вспоминает, что к 2003 году CSS нередко считали средством для скучных прямоугольных страниц и простых цветовых правок. Показывать заказчику список свойств было слабее, чем показать несколько убедительных сайтов на одной основе.

Правило сада убрало возможность спрятаться за новой структурой. Участник мог написать CSS и создать собственные изображения или шрифты, но не трогал общий HTML. Публичная демонстрация позволяет выбрать другой стиль: текст и документ остаются, изображение страницы меняется. Если бы каждый автор переписывал разметку, никто не смог бы отделить работу стиля от работы новой структуры. Запрет сделал сравнение проверяемым.

Ши задумывал проект как общественную галерею. Список дизайнов собирает разные ответы на одну задачу. У авторов есть имя и место в экспозиции; посетитель сравнивает работы без предварительного курса по селекторам. Спецификация превратилась в зрелище, где можно было спорить о конкретных результатах, а не о рекламном обещании.

Кому принадлежал общий документ

У конкурса был хозяин. Организатор определял содержимое HTML, доступные элементы и то, какие работы опубликовать. Дизайнеры решали, как оформить заданную структуру. CSS способен радикально изменить композицию, но не создать отсутствующий в документе настоящий смысловой элемент. Галерея демонстрировала силу отделения оформления от содержания, сохраняя вес исходной структуры. Тот, кто устанавливает её, влияет на каждую следующую работу.

Разделялись и права на результат. Условия участия требовали оригинальную графику и оставляли авторское право на изображения создателям. Код CSS предлагалось выпускать под открытой лицензией Creative Commons, чтобы другие могли учиться на приёмах. Изучить таблицу стилей — одно; взять чужую иллюстрацию — другое. Так галерея могла быть учебником и выставкой одновременно, не объявляя весь труд бесхозным.

Фиксированную основу пришлось обновить. В 2013 году, к десятилетию, Ши переделал сайт под HTML5 и CSS3. Старые корни в XHTML и CSS2 теряли полезность для обучения. Единый документ нужен, чтобы работы были сопоставимы. Но если он начинает описывать вчерашний веб, управляющий должен решиться на новую базу. Даже неизменная страница требует обслуживания.

CSS Zen Garden не написал правила W3C. Он добавил к ним сцену и условие, которое можно проверить глазами. Один и тот же HTML выдержал множество визуальных ответов. Для сомневающегося клиента это было сильнее очередной речи о достоинствах стандарта.