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

Грамотное использование CSS3 • 39

Независимо от того, какие свойства с префиксами вы решите использовать, хоро-
шей идеей будет добавить в код CSS комментарии, сообщающие, какое свойство
соответствует какому браузеру. Может показаться, что это очевидно, однако так
бывает далеко не всегда. Например, вот как группа свойств border-radius могла
бы выглядеть с комментариями:
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari 4 и более ранние */
border-radius: 20px; /* Opera, Chrome, Safari 5, IE 9 */
Добавляя такие комментарии, вы упрощаете себе работу по удалению ненужных
свойств в будущем, когда будет принято решение отказаться от поддержки опре-
деленного браузера.

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

Смириться с различиями
Во многих случаях лучший способ справиться с проблемой браузеров, не поддержи-
вающих функциональность CSS3, — просто смириться с различиями в отображении
содержимого. В конце концов, именно в этом заключается суть прогрессивного
усовершенствования, к тому же в некоторых ситуациях у вас попросту нет выбора
и заменить CSS-версию того или иного метода просто нечем. Но даже в ситуациях,
когда выбор есть, приходится задавать себе важный вопрос — окупятся ли время
и силы, затраченные на реализацию обходного пути для не поддерживающего CSS3
браузера? Выиграют ли от этого пользователи? Повысятся ли показатели продаж или
подписки на новостную рассылку или выполнения любой другой задачи, которую
сайт призван решать? Если ответ положительный, то вперед, действуйте — реа-
лизуйте подходящую замену или обходной путь. Но очень часто приходится при-
знавать, что это вряд ли даст большой выигрыш, ведь CSS3 — это необязательное
косметическое улучшение. К тому же добавление обходного пути может ухудшить
впечатление пользователя от сайта: например, загрузка изображений в устаревших
браузерах замедляет загрузку страницы в целом.
Большинство эффектов CSS3 безвредны для не поддерживающих их браузеров —
пользователи их попросту не видят. К примеру, взгляните на веб-сайт Twitter (http://
www.twitter.com). В коде сайта свойство border-radius используется для скругления
углов в различных местах дизайна; также присутствуют и другие эффекты CSS3,
которые в IE 8 и более ранних версиях не отображаются. В современных браузерах,

www.trk.kg