Так что же это такое?

Существует постоянная необходимость демонстрировать силу CSS. Сад CSS-дзена создан, чтобы восхищать, вдохновлять и побуждать к участию. Для начала взгляните на уже существующие дизайны в списке. Переход на каждый из них загрузит новые стили прямо на эту страницу. HTML останется прежним, единственное, что изменится — внешний CSS-файл. Да, именно так.

CSS позволяет целиком и полностью контролировать оформление гипертекстового документа. Единственный способ проиллюстрировать этот принцип, чтобы вызвать восхищение — это дать кисти в руки тем, кто может создать красоту на основе существующей структуры. Дизайнеры и разработчики вместе сделали много для красоты веба, но мы всегда можем пойти дальше.

Участие

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

Вы можете изменять файл стилей как вам угодно, но не трогайте HTML. Это может поначалу показаться странным, особенно если вы никогда не делали ничего подобного, но чтение рекомендованных ресурсов и файлы примеров станут для вас хорошим подспорьем.

Загрузите примеры HTML и CSS для работы над ними локально. Как только ваш шедевр будет завершён (пожалуйста, не присылайте наполовину законченные работы), загрузите CSS-файл на сервер под вашим управлением. Пришлите нам ссылку на архив с этим файлом и всеми необходимыми для него ресурсами. И если мы решим использовать этот дизайн, то загрузим его и положим на наши сервера.

Польза

Зачем участвовать? Для признания, вдохновения и создания места, на которое можно сослаться, демонстрируя насколько великолепным может быть CSS. Этот сайт одинаково служит вдохновлением для тех, кто работает с вебом сегодня, инструментом для обучения для тех, кто будет работать завтра и галереей будущих техник, которых мы все ждём.

Требования

Там, где это возможно, мы хотели бы видеть использование в основном CSS 1 и 2. Использование CSS 3 и 4 должно быть ограничено только свойствами с широкой поддержкой, либо с надёжными фолбеками. Сад CSS-дзена — это, прежде всего, функциональный и практический CSS, а не набор последних трюков, которые увидят всего 2% пользователей. Единственное реальное требование — чтобы ваш CSS был валидным.

К счастью, разрабатывая таким образом, вы увидите, насколько хорошо различные браузеры поддерживают сегодня CSS. Следуя этим рекомендациям, вы добьётесь вполне одинаковых результатов во всех современных браузерах. Сейчас из-за огромного числа различных браузеров — особенно это заметно на мобильных — вёрстка с пиксельной точностью на всех платформах невозможна. Это нормально, но всё же постарайтесь проверить вёрстку в как можно большем числе браузеров. Ваш дизайн должен работать, как минимум, в IE9+ и в последних версиях Chrome, Firefox и во встроенных браузерах на iOS и Android (то есть для 90% пользователей).

Мы просим вас публиковать только оригинальные работы. Пожалуйста, уважайте авторские права и законы. Постарайтесь свести спорную тематику к минимуму и попробуйте использовать уникальные и интересные визуальные решения в ваших работах. Вряд ли нам нужен очередной дизайн, связанный с садом, мы уже прошли этот этап.

Это не только демонстрация, но и обучающий материал. Вы сохраняете полные авторские права на вашу графику (с некоторыми исключениями, см. правила публикации), но мы просим публиковать ваш CSS под лицензией Creative Commons, идентичной лицензии этого сайта, так что другие смогут учиться по вашей работе.

Автор Дейв Шей. Трафик любезно предоставлен mediatemple. Теперь и в виде книги «Сад дзена».