Эрик Мейер — широко-известный эксперт в области стандартов HTML и CSS, работающий в области веб-технологий с 1993 года. Им были изданы такие книги, как «Каскадные таблицы стилей. Подробное руководство» (O’Reilly), «Справочник разработчика по CSS 2.0» (Osborne/McGraw-Hill) и «Эрик Майер о CSS» (New Riders). Так же он принимал участие в многочисленных конференциях, посвященных веб-стандартам, применению CSS и веб-дизайну.

Интервью у него берет Джозеф Лоуери — автор бестселлеров «Dreamweaver CS3 Bible» и «CSS Hacks and Filters». В данный момент он заведует маркетинговым отделом в компании WebAssist.

Автор: Джозеф Лоуери
Оригинал: http://adobe.com/newsletters/edge/decemb…
Переводчик: Александр Мусаев

Джозеф Лоуэри: Во время подготовки к этому интервью, я познакомился с вашей статьей, написанной в июне 1999 года о поддержке браузерами CSS и будущем этой технологии. Никто не сомневается в вашем опыте, тем не менее, как именно вам удается делать такие прогнозы?

Эрик Мейер: Согласно изначальному плану, технология CSS разделена на модули, каждый из которых формировался на определенном этапе. Сложность здесь состоит в том, что каждый из таких временных интервалов, как правило, сильно заторможен. Даже у самых «простых» модулей формируется многолетней история развития.

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

Развитие браузеров тоже складывалось все это время примерно так, как было описано в статье, хотя, разумеется, я не мог предвидеть смерть Netscape 5 и подъем Mozilla. Сомневаюсь, что такой прогноз вообще было возможно сделать в то время.

ДЛ: Вернемся к настоящему. Было ли, по-вашему, появление Microsoft Internet Explorer 7 большим прыжком в его развитии?

ЭМ: Это было больше похоже на большой прыжок на месте. Я имею ввиду, что в новой версии исправили множество дефектов IE 6 (например, ошибки парсера, проблемы с разметкой и т.д.). Кроме того, в ней добавили ряд базовых возможностей CSS 2 (главным образом — селекторы и жесткое позиционирование). В IE 7 все это было появилось единовременно, что стало хорошей новостью для всех нас.

Теперь же становится очень интересно, застрянет ли эволюция IE 7 на месте, как было с IE 6, и станет ли этот браузер все больше отставать в развитии от конкурентов, или расширение его возможностей продлится. Очень надеюсь на второй вариант.

ДЛ: На сколько мне известно, CSS 3 сейчас находится в стадии обсуждения и разработки в W3C. Можете ли вы в общих чертах описать, какие новые свойства и селекторы можно ожидать дизайнерам от этого стандарта?

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

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

Вне зависимости, что мы думаем о отдельных частях CSS 2, как стандарта, является единым целым. Это предмет для обсуждения, тема на которую можно говорить. Детали CSS 2 зависят друг от друга. В условиях модульности, эта цельность пропадает. Взаимозависимости гораздо более сложны для понимания.

Что же касается новых возможностей, которые ждут нас в будущем, можно привести ряд новых селекторов. В частности

:nth-child()

,

:last-of-type

и некоторые другие. Так же появится

:not()

, который будет полезен, но чье описание пугает меня уже сейчас. Помимо них, мне самому очень нравится формат описания цвета RGBA, в котором «A» означает «alpha», а так же форматы HLS и HLSA (для модели цветовоспроизведения hue-lightness-saturation, — прим. переводчика). Мне бы очень хотелось видеть эти возможности, реализованными в браузерах как можно быстрее.

Кроме всего перечисленного, планируется модуль поддержки кодировок с широкими возможностями, которые, вероятно, должны здорово понравится тем, кто все еще мечтает о возможности существования ASCII-арта в веб.

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

ДЛ: Похоже, спецификация CSS сегодня является предметом больших разногласий. Какие у этого основные причины? Что вы, как бывший участник W3C, думаете о возможных последствиях этих противоречий?

ЭМ: На ваш вопрос трудно ответить из-за модульности CSS. У разных модулей существуют свои причины для разногласий. Кроме того, мне сложно судить об этом еще и потому, что я ушел из группы разработки CSS в 2004 году.

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

То, что сейчас происходит — абсолютно нормально для процесса развития технологии, но я не стану утверждать, что это хорошо для веб.

ДЛ: Можете ли вы спрогнозировать очередность появления новых возможностей в браузерах, после того, как спецификация начнет рекомендоваться? Грядет новый рассвет эпохи CSS-хаков?

ЭМ: Даже если одни браузеры будут внедрять новые возможности, в то время как другие — нет, мы уже усвоили для себя принцип прогрессивного развития: расширенные возможности нужно использовать таким образом, чтобы они положительно сказывались в отношении пользователей тех браузеров, которые их поддерживают. При этом необходимо избегать любого ухудшения пользовательских характеристик в отношении тех, кто остался со старыми браузерами. Хороший тому пример — использование генерируемого контента для вставки URL ссылок в текст перед его печатью (подробности см. в статье «CSS-дизайн: подготовка к печати» на «A List Apart»).

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

ДЛ: Сейчас активно развиваются возможности рендеринга CSS в программах для разработки веб-страниц. В частности, в Dreamweaver. Как вы считаете, это повлияет на качество работы дизайнеров?

ЭМ: Безусловно. Я общался со многими молодыми дизайнерами, у которых уже сейчас в голове не укладывается, зачем использовать таблицы для страничной разметки. Они просто этого не понимают. Такие перемены в индустрии во многом обоснованы функциональностью инструментов для создания веб-страниц и тем, как сейчас развиваются браузеры (оба фактора одинаково значимы).

ДЛ: Наша компания недавно сотрудничала с вами, в ходе разработки расширения Dreamweaver под названием «Eric Meyer’s CSS Sculptor». Ваша жизнь изменилась в лучшую сторону после того, как ваше имя прославило это название?

ЭМ: Да, на конференциях теперь меня встречают овациями, за что я несказанно благодарен, Джо. А еще (только никому не говорите) я недавно построил огромный бассейн у себя в подвале, чтобы хранить в нем заработанные на этом деле деньги. Это здорово приближает меня к заветной мечте — воплотить в себе образ Скруджа МакДака.

Других существенных перемен не произошло.

ДЛ: Если серьезно, как вы считаете, повлияло ли появление CSS Sculptor на работу пользователей Dreamweaver? И, если да, то каким именно образом?

ЭМ: Я надеюсь, это повысило скорость разработки страничной разметки с помощью CSS. CSS Sculptor — один из программных продуктов, которыми я пользуюсь сам. А это уже большой комплимент в его сторону, т.к. я отношусь к старой школе веб-дизайнеров, предпочитающих кодирование вручную (имею 14-летний опыт в этой сфере).

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

ДЛ: Как бы вам хотелось видеть развитие поддержки CSS в Dreamweaver?

ЭМ: До тех пор, пока эта поддержка остается адекватной возможностям актуальных версий браузеров, она будет меня устраивать.

ДЛ: Что вы посоветуете веб-дизайнерам, которые только начинают свою работу? Тем, кому предстоит применять CSS в будущем?

ЭМ: Самый главный совет, который я могу дать: практика, практика и еще раз практика. Без нее не будет никакой разницы, сколько книг, статей и спецификаций вы прочитаете. Все это никогда не заменит практического опыта, приобретенного экспериментированием.

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

Не стоит так же говорить, что дизайнеры всегда должны уметь творить. Они просто обязаны обладать этой способностью, чувствовать природу той среды, в которой они работают, а так же понимать, что можно получить от таких инструментов, как Dreamweaver и Sculptor.

ДЛ: Какие информационные ресурсы вы могли бы порекомендовать?

ЭМ: Одним из лучших ресурсов по CSS является wiki, на которой обсуждается эта технология. На сайте css-discuss.incutio.org собрано огромное количество информации, накопленной в ходе пятилетней работы специализированной рассылки. Там можно найти описание плюсов и минусов применения различных CSS-техник, объяснения на простом языке сложных аспектов использования CSS, тонны ссылок на другие ресурсы и многое другое. Это первый источник информации, к которому обращаюсь я сам, когда хочу что-то выяснить относительно CSS.

Помимо вики, стоит обратить внимание на PositionIsEverything.net, материалы сайта House of Style, а так же краткие руководства Расса Уикли. Для расшифровки сложных селекторов я рекомендую SelectORacle. Ну и конечно же стоит дополнить список всевидящим оком Google.

ДЛ: Не стоит забывать еще об одном интересном ресурсе — вашем блоге на meyerweb.com. Эрик, большое спасибо за то, что поделились с нами своими мыслями о настоящем и будущем CSS.

От переводчика

Хочу добавить от себя, что нашел очень полезным SelectORacle. Сервис дает описание на человеческом языке сложных селекторов CSS и может быть очень полезен при изучении оных. Интерфейс Eric Meyer’s CSS Sculptor для Dreamweaver выглядит следующим образом:
sculptor.png
Другие скриншоты и презентацию этого продукта можно найти на официальном сайте.