Page 24 - Сила CSS3 Освой новейший стандарт

24 • Глава 1. Основная информация о CSS3

меньше времени на разраБотку и поддержку
Многие техники CSS3 могут стать заменой «вызываемых» изображений, так как
создают точно такие же визуальные эффекты. Например, чтобы создать падающую
тень позади поля, больше не нужно добавлять одно или несколько фоновых изо-
бражений. Вместо этого просто воспользуйтесь свойством box-shadow согласно
спецификации CSS3, и тень будет создаваться автоматически. Таким образом, вы
освобождаетесь от необходимости создавать, нарезать и оптимизировать изо-
бражения.

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

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

повышение производительноСти СтраниЦы
Меньше разметки и меньше изображений — это означает, что пользователям при-
ходится загружать на свои компьютеры меньший объем данных, и страницы на их
экранах появляются значительно быстрее. Кроме того, уменьшение числа изобра-
жений, сценариев и файлов Flash приводит к уменьшению числа HTTP-запросов,
а это один из лучших способов ускорить загрузку страниц. Интересно, что команда
по изучению производительности Yahoo! Exceptional Performance Team назвала
сокращение количества HTTP-запросов «самой важной рекомендацией для повы-
шения производительности для новых пользователей» (http://developer.yahoo.com/
performance/rules.html).

www.trk.kg