|
Арбузный ломтик по средам № 119
Сад просветления
|
У самого входа в сад рос высокий цветущий розовый куст. Розы на нем были белые, но возле куста суетились трое садовников и деловито красили их красной краской.
Льюис Кэрролл. Алиса в стране Чудес |
Каких только войн не переживало продвинутое сообщество айтишников. Сторонники структурированного программирования воевали с использованием оператора GO TO, «яблочники» свысока смотрят на «писюшников», сторонники «фирменного» софта с опаской поглядывают на «опенсорсников». Ну и конечно известны самые модные противопоставления сторонников верстки блоками верстке таблицами. Как всегда во всех спорах большинству приемлемы оба варианта, но есть на обоих фронтах непримиримые борцы, готовые идти до конца. То же происходит и с постоянно муссируемой идеей разделения содержания информации от ее представления. Что-то в ней полезное, безусловно, есть, но, конечно, в разумных пределах.
Но чаще всего идею доводят до логического конца. Именно на это направлено использование языка XML и каскадных стилей CSS, немного все-таки напомню, только определения. При использовании HTML также оформление в той или иной степени переносится на каскадные стили. Теоретически это делает информацию независимой от способа доступа к ней для просмотра через мобильный телефон можно подключать свою таблицу CSS, для прослушивания голосом свою и так далее. Впрочем, недавно попалась статья, автор которой утверждает, что все эти попытки разделения логической структуры информации от ее представления не более чем глупые выдумки теоретиков, ибо форма и содержание неразделимы. Поразмышляйте об этом на досуге.
Покончив с вынужденным вступлением, переходим к сути. Как и любая идея, доведенная до «полного воплощения», разделение содержания от представления может подарить нам приятную забаву. Ее лучше всех преподнес автор одного из живых журналов. Три года назад дизайнера из Сиэтла Дэйва Ши осенила прекраснейшая идея. Он выставил некий хорошо структурированный, семантически продуманный HTML-текст и предложил графическим дизайнерам на его основе сотворить варианты веб-страниц. По условиям задачи для дизайна можно было применять только стили (CSS) и произвольную графику. HTML-исходник трогать было нельзя, и тем самым все ставились в равные начальные условия. Идея оказалась фантастически плодотворной, и за три года существования сайта Zen Garden было предложено около тысячи разных дизайнов. Все они на сайте опубликованы, и рассматривать эти образцы необычайное наслаждение. Некоторые из них приятно препарировать, разбирать на винтики и гаечки, соображать, как это было сделано, пробовать воспроизвести. Стилевики открыты авторами для обозрения и изучения, графику тоже легко скачать. Это как если взять некую замечательную музыкальную тему, как "Yesterday" или "Autumn Leaves" и слушать их многочисленные аранжировки и интерпретации, где основная тема узнается безошибочно, а музыкальная трактовка ее иногда просто потрясает. Конец цитаты.
Длительные поиски привели к русскоязычной страничке «Дорога к Просветлению». Вот заклинания для разработчиков:
Вдоль тёмной и унылой дороги валяются пережитки браузер-зависимых тэгов, несовместимых DOM-ов, и поломанной поддержки CSS. Сегодня мы должны очистить наш ум от практики прошлого. Веб-просветление уже достигнуто благодаря неустанным усилиям людей вроде W3C, WaSP и создателей основных браузеров. Сад css-Дзен приглашает вас расслабиться и помедитировать над важными уроками мастеров. Начните видеть. Изучите (ещё не) подтверждённые временем техники в новом бодрящем свете. Станьте едины с вебом.
Теперь это начинание Дэйва Ши превратилось в демонстрацию возможностей дизайнеров и CSS. Оттуда можно черпать вдохновение, если вы дизайнер, или примеры CSS если вы кодер. Суть проекта в том, что у нас есть один HTML файл и ничего менять в нем мы не можем. Задача дизайнера написать CSS файл. После предварительного просмотра получившейся страницы ссылку на неё с авторскими стилями помещают на странице со списком уже существующих дизайнов.
Посмотрите работы каждая шедевр! И не верится, что меняли только стили, не трогая текста HTML страницы!
23.08.2006
Теги: веб-дизайн
Интернет
|
Ваш отзыв автору
|
|
|