Вопрос первый
Расс: Только что было написано второе издание вашей новой книги «Каскадные таблицы стилей: полное руководство». Прежде чем мы углубимся в детали этой книги, я хочу спросить: сколько книг вы опубликовали? Клянусь, в моей местной библиотеке есть категория, посвященная вашим книгам.
Эрик: Нет-нет, это все книги Молли Хольцшлаг, а я был просто вспомогательным персонажем. Я написал 5 книг, одна из которых представляет собой сокращенную версию, которую, я думаю, можно считать книгой, а можно и нет (моя жена настаивает на этом). Первая — «Полное руководство по CSS». Если считать второе издание отдельной версией, то у меня 6 книг. Лично я считаю, что это второе издание считается томом, поскольку его объем работы эквивалентен написанию новой книги.
Вопрос 2
Расс: Какой контент добавлен или обновлен в новом Полном руководстве по сравнению с первым изданием?
Эрик: Почти всё обновлено. Единственное, что не нужно менять, это первую главу и главу о шрифтах. Остальной контент по большей части или полностью обновлен. Исходное расположение глав полностью разбито и перестроено в текстовом состоянии. Например: в первом издании были главы «плавающие в визуальном форматировании» и «позиционирование приобрело свое». В новом издании я объединил их в одну главу и переписал большинство глав форматирования. Таким же образом «немного о списках» перенесли в исходную главу и добавили много контента. Совершенно новые три главы: «Макет таблицы», «Стили пользовательского интерфейса» и «Неэкранные медиа».
Вопрос третий
Расс: До меня дошли слухи, что у вашего «Эрика Мейера о CSS» тоже есть новая версия. Сколько методов проектирования предусмотрено в новой версии?
Эрик: Этот слух правдив. Мы назвали его «в ослепительной вспышке творческого гения: «Больше Эрика Мейера о CSS». В нем есть некоторые улучшения по сравнению с первой версией, но не слишком большие. Я хочу сказать, что эти две книги не связаны между собой до и после. Нет необходимости читать первое издание ради второго издания (даже если у вас есть оба). Читатели первого издания могут вспомнить первый метод проектирования. Как преобразовать табличный макет в простую таблицу и CSS. В новой книге первый метод дизайна — преобразовать соответствующую страницу, созданную только с логотипом HTML и пустым GIF-файлом, в страницу, которая использует чистый CSS для замены макета таблицы.
Аналогично, существует множество методов проектирования, таких как: несколько способов отображения стилей фотогалереи, использование табличных данных для создания аккуратных финансовых отчетов и использование фонового макета для достижения полупрозрачных эффектов в нескольких браузерах, включая IE/Win Mid.
Существует метод отображения трехуровневых списков, включая вложение списков и преобразование их в «выпадающее» меню, и он может работать в большинстве браузеров (включая IE/Win), точно так же, как Sliding Doors Дуга Боумана (раздвижные двери). двери) технология одинаково хороша.
Помимо вышеперечисленного, существует комбинированный метод решения проблемы стиля записи в блоге. Последний метод в книге — взять случайный дизайн из CSS Zen Garden (созданный Дэйвом) и реализовать его в CSS. По сути, Дэйв дает мне файл дизайна в Photoshop, я разрезаю его на нужные мне части и заставляю работать с CSS, таким образом вы можете видеть весь процесс от дизайна до окончательного кода. Я также рассматривал возможность использования изображений PNG, которые не выглядели бы некрасиво в IE/win.
Вопрос 4
Расс: Два года назад CSS редко обсуждался, сейчас о нём говорят везде! Как вы думаете, вы помогли перенести это в массовое сознание?
Эрик: На самом деле это естественная вещь. Сначала IE6 начал поддерживать переключатель DOCTYPE, а позже объявил, что больше не будет выпускать новые версии IE, давая всем ощущение стабильности. Во-вторых, у достаточного количества дизайнеров есть достаточно времени, чтобы читать книги и учебные пособия и экспериментировать с CSS на своих сайтах. В этом контексте появился ряд отличных дизайнерских сайтов. В-третьих, я думаю, это потому, что по мере развития искусства дизайна веб-дизайнеры (такие как Дуг Боуман, Дэйв Ши и Джеффри Зельдман), которые были гениями дизайна и действительно понимали преимущества CSS, продвинули дело вперед. Редизайн веб-сайта журнала Wired, CSS Zen Garden и других сайтов начал демонстрировать дизайн на основе CSS, который не только работал, но и выглядел красиво и невероятно.
Большую роль также играет растущее количество практических и простых в использовании ресурсов (таких как Listutorial и Floatutorial) и так далее.
Вопрос 5 Расс: Какие аспекты CSS являются наиболее важными для дизайнеров и разработчиков, которые только начинают знакомиться с веб-стандартами и использовать их?
Эрик: Самое главное? Я бы сказал, каскадная часть. Не только каскад, но и наследование, специфичность и конструкция селектора. Как только вы это освоите, остальное станет просто вопросом деталей.
Далее, я считаю, что решающее значение также имеет глубокое понимание визуальных эффектов, включая блоки и встроенные строки. Если вы знаете, как будет выглядеть ваш дизайн, вы сможете избежать многих головных болей (CSS не работает так, как ожидалось). Как и во многих языках, в CSS есть свои правила, игнорирование которых неизбежно приведет к хаосу.
Вопрос шестой
Расс: За последние 12 месяцев была внедрена технология замены изображений. Каково ваше общее ощущение по этому поводу? Если бы вам пришлось его использовать, какую модель вы бы выбрали?
Эрик: Я предпочитаю подход CSS3: замену содержимого свойством «content». Это максимально легкий и нехакерский вариант. Это также метод в текущей ситуации с низкой поддержкой, поскольку в настоящее время только Opera поддерживает замену изображений.
Кроме того, я обнаружил, что технология замены изображений имеет как преимущества, так и недостатки. Преимущество состоит в том, что она делает текст красивым, а недостаток — в том, что она создает проблемы с удобством использования для аудио-ридеров. Честно говоря, настоящая проблема заключается в самих читателях. Они пытаются показать реальные страницы и результаты чтения, но делают совершенно не то. Если для страницы задан стиль среднего экрана, браузер будет полностью игнорировать эти стили, если большинство браузеров не будет отремонтировано.
Вопрос 7
Расс: Кажется, что простое упоминание о «размере шрифта» разжигает дебаты о CSS — войну между пуристами шрифтов и веб-дизайнерами. Как вы думаете, существует ли решение, которое подойдет всем пользователям?
Эрик: Нет, хотя мне бы хотелось, чтобы был другой путь, но я этого не делаю. Каждый метод настройки шрифтов имеет свои преимущества и недостатки. Лучшее, что вы можете сделать, — это найти метод, который был лучшим раньше и с наименьшей вероятностью изменится в будущем, и это необходимо делать в непрерывном процессе проектирования за проектом. Цель дизайнера — управлять текстовыми шрифтами в пикселях для достижения максимально возможной производительности, хотя использование ems или ключевых слов (например, x-small) может привести к лучшим результатам. Каждый раз, когда кто-то говорит вам, что есть способ определить размер шрифта, который подойдет для всех сайтов, он просто говорит вам принцип, а не решение.
Вопрос 8
Расс: Есть вопрос, который всегда вызывал споры. Что вы думаете о CSS-хаках?
Эрик: Неизбежно, что однажды наши браузеры смогут идеально поддерживать и выполнять CSS, и тогда хаки CSS прекратятся. До тех пор мы будем придерживаться этого. Хочу отметить, что я имею в виду все хаки, будь то CSS или другие вещи, такие как условные комментарии Microsoft.
Вопрос 9
Расс: Считаете ли вы, что когда рынок браузеров будет готов к CSS3, он вступит в новую эру? Вспомните историю операционной системы Microsoft Longhorn.
Эрик: Я думаю, да. Однако, согласно этому заявлению, полная поддержка визуальных средств CSS2 (visual-medium), похоже, была завершена еще в 2003 году. Мои пророчества всегда были хуже, чем у других, и, возможно, не подходят для долгосрочного плана.
Вопрос десятый
Расс: Последний вопрос: все больше и больше веб-дизайнеров присоединяются к движению CSS2. Считаете ли вы, что сложность CSS3 снизит его привлекательность или даже заставит некоторых дизайнеров, которые его боятся, полностью отказаться от CSS?
Эрик: Это даже хуже: большинство веб-дизайнеров изучают CSS2 лишь частично, не понимая по-настоящему его сути.
Всякое может случиться, как если бы были дизайнеры, которых напугала «сложность» CSS1 (относительно их знаний).
Хорошая особенность CSS3 заключается в том, что он разделен и интегрирован в модули, поэтому вы можете игнорировать те части, которые вам не интересны, и сосредоточиться на тех частях, о которых вы хотите знать. Если вы действительно хотите углубиться в стили печати, вы можете прочитать модуль «Печать», чтобы узнать об этом. Если вас интересует интернационализация, то вы найдете модуль I18N, есть некоторые части, которые необходимо знать каждому (например, селекторы и каскады), но затем вместе с вашим интересом приходит необходимость пережевывать огромную спецификацию.