андрей смирнов: css-дизайн без таблиц и скриптов

движимые дизайном / 3 апреля, 2004 / 00:19

второго апреля в отеле «ренессанс» компании apple и adobe провели конференцию “driven by design” в рамках программы apple roadshow.

я не попал на первую часть конференции, посвященную технологиям apple в области дизайна и издательской деятельности, но на второй части, которая сосредоточилась на достижениях adobe, я поприсутствовал от и до.

презентация peder’а engrob’а

должность этого энергичного и знающего (положение обязывает) молодого человека по-английски называется worldwide product evangelist. что с долей иронии на русский можно перевести как «странствующий по миру проповедник продуктов adobe». и действительно, проповедовал peder насыщенно и убедительно.

рассказ о недавно вышедшем adobe creative suite он начал с photoshop’a. четко систематизировал и проиллюстрировал все, что значительно выделяет photoshop cs на фоне предыдущей версии. иногда ничего не оставалось, как просто ахать, восхищаясь способностями этого «думающего как вы» (фраза peder’a) создания.

мне показалась интересной реакция аудитории. когда peder продемонстрировал интеллектуальный подход фотошопа к кадрированию нескольких неаккуратно разложенных при сканировании изображений, зал взорвался аплодисментами. а вот когда речь пошла о «живых» гистограммах, функциях “shadow/highlight” и “match color” в зале воцарилась задумчивая тишина. можно было подумать, что в россии дизайнеры только и делают, что сканируют картинки да кроппят их вручную. оттого и радовались так новой фиче…

[подумать-то было можно, но не нужно. потому как расейский дизайнер способен на гораздо большее! да и вообще на все, что угодно способен!]

интересной была также реакция на происходящее самого photoshop’a. когда в результате какой-то радио-наводки в акустических системах зазвучала мелодия «подмосковных вечеров», исполняемых, правда, на далеко не русском языке, peder быстро сориентировался: «да он просто петь начинает от такой с ним работы!»…

после photoshop’a последовал уже не такой подробный рассказ об illustrator’e, indesign’e и acrobat’e. в иллюстраторе peder накрутил разнообразных трехмерных сосудов с помощью новой 3-d функции, в индизайне показал на что способны шрифты open type pro, в акробате продемонстрировал возможности нового pdf’a. (я перечислил, естественно, только небольшую часть продемонстрированного.) ну а завершил презентацию golive cs.

в течение нескольких секунд pdf-страница, сделанная в indesign’e, была конвертирована в веб-страницу, psd-шная прозрачность переведена в прозрачность джифовую (при этом прозрачный цвет—matte—был назначен непосредственно в golive’e), quicktime ролик успешно расположен в правом нижнем углу layout’a. и не просто расположен, но и проигран в режиме preview! короче, красота неописуемая.

красота и универсальность, оно конечно. но терзали меня все-таки смутные сомнения. как человека с adobe golive cs до сих пор дела не имевшего. а также как человека неравнодушного к чистоте и семантичности кода.

открываем глаза на adobe golive cs

поэтому после чаеволеизлияния и часа вопросов и ответов, в который мой вопрос не поместился, направился я прямиком к peder’у (такое странное имя у него от датского месторождения), чтобы понять каковы взаимоотношения golive cs и современных веб-стандартов.

[“what can you say about the code generated by golive when you make a web page out of photoshop slices? the thing is the web is moving towards clean and semantic markup. so, is the code generated by golive clean enough?”—спросил я у peder’a.]

оказалось (со слов peder’a и демонстрации на его ноутбуке), что отношения эти самые что ни на есть замечательные. и даже не имеющие аналогов среди конкурирующих продуктов. peder откровенно признался, что первые версии golive были далеки от совершенства, но вот cs—это настоящий прорыв. в том числе и в плане поддержки веб-стандартов.

быстренько достав уже упакованный в рюкзак ноутбук, он запустил golive, чтобы показать, где в нем находится встроенная служба валидации. мы создали небольшую таблицу, в тестовых целях удалили в ней закрывающий тег </td> и… проверили страницу на соответствие упомянутому недавно xhtml 1.0 strict.

самыми разными способами golive бросился показывать, в каком именно месте в коде случилась ошибка, причем способы эти были один нагляднее другого.

я понимаю, что сидя в своем ydsabycv-hmtl-редакторе macromedia homesite 5, который не обновлялся уже тыщу лет, я отстал от жизни. но все же я не ожидал от golive’a такой прыти. встроенная валидация на соответствие всем существующим на данный момент веб-стандартам, да еще и в удобной и наглядной форме, дорогого стоит.

кстати, peder сообщил, что при стандартных операциях типа, например, перетаскивания графики в html-файл golive генерирует вполне корректный и чистый код.

отлично, коли так. можно смело начинать задумываться, а стоит ли оставаться отставшим от жизни. впрочем, че думать, действовать надо!

есть правда одно «но». в конце своего выступления peder engrob обратился к аудитории с просьбой использовать только лицензионное программное обеспечение. так как это, кроме всего прочего, помогает инженерам adobe создавать новые, более совершенные продукты…

: предыдущие сообщения :