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

Динамическая подсветка разделов страницы • 197

Прежде всего, эти возможности не слишком хорошо поддерживаются в браузерах. На
момент написания этой главы только браузеры на основе Webkit, Opera 10.5 и более
поздних версий, а также Firefox 4 поддерживают переходы — крайне небольшая доля
рынка браузеров. Анимация работает только в браузерах на базе Webkit. Именно
поэтому я не рекомендую применять данные эффекты так же часто, как другие
возможности CSS3. Тем не менее я не считаю, что плохая поддержка браузерами —
это причина полностью отказаться от переходов и анимации. Используйте их для
создания необязательных, декоративных эффектов — от их добавления никто не
пострадает, а вам это будет стоить лишь небольшого количества времени и сил.
Плюс, как только ситуация с поддержкой улучшится, ваши страницы — как и ваши
навыки использования CSS — окажутся впереди планеты всей.
Кроме того, существует мнение, что переходы и анимация CSS — особенно ани-
мация — относятся скорее к области «поведения», а не «стиля». Следовательно (по
мнению некоторых людей), эти эффекты нельзя включать в список возможностей
CSS. Их реализация — это задача JavaScript, других языков программирования
и написания сценариев, а также Flash.
До определенной степени я поддерживаю это мнение. Анимация очень часто отно-
сится к «поведению» страницы. Но точно так же она может быть стилем. Представьте
себе кнопку, окруженную пульсирующим сиянием. Пульсирующее сияние — это
поведение кнопки? Или просто визуальный эффект, визуальный стиль? Джимми
Куадра (Jimmy Cuadra) в своей статье «CSS3 transitions and animations: Presentation
or behavior?» (http://www.jimmycuadra.com/blog/12-css3-transitions-and-animation-
presentation-orbehavior) называет эффекты такого типа «презентационным поведе-
нием». Мне нравится, как он проводит границу между презентацией и поведением:
Презентация — это не всегда то, как вещи выглядят, а поведение — не всегда
то, что они делают. Презентацией может быть что угодно, если только это
не привносит на страницу фундаментальных изменений; поведение, в свою оче-
редь, меняет структуру или данные документа или упрощает взаимодействие
пользователя со страницей.
Эллиот Свон (Elliot Swan) в своем комментарии на странице http://mondaybynoon.
com/2009/05/04/covering-the-implication-and-basics-of-css-animation/#comment-9099
предлагает другое определение или описание презентации и анимации:
Я не рассматриваю переходы и анимацию ни как стили, ни как поведение. Для
меня это эффекты (хотя можно также сказать, что эффект представляет
собой результат объединения стиля и поведения).
Идея «презентационного поведения» или «эффектов» не нова. Еще в CSS 2.1 можно
было создавать «поведенческие стили», используя псевдоклассы :hover, :focus
и :active. Кнопка, меняющая цвет при наведении указателя мыши, демонстрирует
поведение — но поведение декоративное. Оно повышает удобство использования, но
при этом не является обязательной составляющей содержимого или функциональ-
ности страницы. В CSS3 эту идею просто расширили, предоставив разработчикам

www.trk.kg