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

198 • Глава 5. Повышение эффективности за счет псевдоклассов

контроль над более широким диапазоном динамических стилистических эффектов.
По моему мнению, с помощью языка определения стилей можно создавать простые
декоративные анимационные эффекты — это вполне разумно и допустимо. Более
сложная поведенческая анимация должна оставаться в ведении языков написания
сценариев и Flash.
Да, анимация CSS очень часто может оказаться не к месту. Нельзя применять ее
для реализации какой-то важной функциональности или для очень сложных ани-
мационных эффектов, которые Flash обрабатывает куда изящнее и эффективнее
(с другой стороны, вряд ли многие дизайнеры решатся так смело использовать эти
возможности CSS). Обидно, конечно, но то же самое можно сказать почти о любой
технике CSS. Зловредные веб-дизайнеры всегда найдут способ использовать добро-
детельный CSS на своих подлых сайтах.

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

Преимущества переходов и анимации в CSS
Одно из главных преимуществ переходов и анимации CSS, которое получаете лич-
но вы, — после того как вы разберетесь в синтаксисе, вам будет намного проще
реализовать и позднее модифицировать эквивалентные эффекты на JavaScript или
Flash. (Только используйте анимацию CSS3 правильно — если вам нужны какие-то
сложные эффекты, лучше прибегните к помощи Flash; CSS3 вообще не предназначен
для создания громоздкой анимации.) Кроме того, CSS3 можно использовать бес-
платно, а бесплатно создать анимационный эффект в Flash вы точно не сможете.

Что касается преимуществ для ваших пользо-
Интереснейшее сравнение объ- вателей, переходы и анимация CSS не зависят
явлений, созданных с помощью от наличия или отсутствия JavaScript и встраи-
Flash и CSS3, вы найдете на ваемого модуля Flash; все эффекты реализуют-
сайте http://www.sencha.com/ ся встроенной функциональностью браузера.
blog/2010/07/20/html5-family- У некоторых пользователей на компьютерах
css3-adsversus-flash-ads. отключен JavaScript, а Flash не работает и очевид-
но никогда не будет работать в iOS для iPhone,
iPod Touch и iPad. Поэтому, несмотря на плохую поддержку анимации CSS сегодня,
в будущем, когда ситуация выправится, CSS может стать наилучшим выбором для
демонстрации простейших декоративных анимационных эффектов самой большой
аудитории пользователей.
Переходы и анимация CSS могут также дать определенный выигрыш в произво-
дительности. Для их выполнения не нужны никакие внешние файлы JS и SWF, что
означает меньше HTTP-запросов. Кроме того, они зачастую меньше нагружают
компьютер пользователя, по крайней мере по сравнению с версией JavaScript. Однако
здесь все зависит от конкретного анимационного эффекта и того, с какой альтер-

www.trk.kg