В прошлом мы либо делали ставку на то, что пользователи смирятся с длительным временем загрузки ради прекрасного дизайна (впрочем, на самом деле они не хотят делать этого!), либо убирали изображения, зачастую идя на компромисс в том, что касается идеального, с нашей точки зрения, дизайна ради обеспечения удобства пользования. CSS3 во многих отношениях сводит на нет необходимость идти на компромисс. Благодаря лишь нескольким строкам кода (и без каких-либо изображений!) CSS3 позволяет создавать экранные элементы, например, со скругленными углами, фоновые градиенты, тени, отбрасываемые текстом и блочными элементами, а также добавлять пользовательскую типографику и множественные фоновые изображения (ладно, согласен, в этом случае все же придется прибегнуть к использованию рисунков). Если этого мало, то замечу, что значительная часть базового взаимодействия, для обеспечения которого мы ранее полагались на JavaScript, например анимации, запускающиеся при наведении указателя мыши, может обеспечиваться исключительно посредством CSS3.
В CSS3 есть множество замечательных функций и инструментов, которые дают эффект экономии и поднимут наш сайт от уровня всего лишь «обычного сайта, сделанного адаптивным» до адаптивного сайта, созданного с ориентиром на будущее. Используя CSS3, мы сделаем так, что наш адаптивный веб-дизайн будет быстрее загружаться, требовать меньше ресурсов и станет намного более легким в сопровождении и внесении изменений в дальнейшем. Прежде чем мы приступим к рассмотрению всего этого, разберемся с очевидной, но зачастую игнорируемой проблемой.
Поддержка CSS3 в Internet Explorer версии от 6 до 8.
За небольшим исключением (например, правило @font-face), некоторые из новых CSS3-модулей поддерживаются устаревшими версиями Internet Explorer (6, 7 и 8). Следует ли вам использовать CSS3 в своем дизайне? Как и всегда в веб-разработке, ответ звучит так: «Все зависит от обстоятельств».
Что касается меня, то в настоящее время я принципиально использую CSS3 для улучшения сайтов, а не для обеспечения важной функциональности. Меня полностью устраивает то, что элементы немного по-разному выглядят в разных браузерах. Я считаю, что это должно устраивать вас и ваших заказчиков. Возможно, вам будет полезно еще раз прочитать раздел «Как объяснить заказчикам, что сайты не должны выглядеть одинаково во всех браузерах» в главе 1. Какие части дизайна являются крайне необходимыми для того, чтобы он работал, а какие — для того, чтобы он выглядел надлежащим образом, каждый разработчик решает сам. Однако не стоит забывать, что существует много полизаполнений, позволяющих внедрять CSS3-функциональность в устаревшие версии Internet Explorer. Особенности применения таких полизаполнений более подробно рассматриваются в главе 9.
ПРИМЕЧАНИЕ.
Полный перечень функций CSS 2.1 и CSS3, поддерживаемых в разных версиях Internet Explorer, вы сможете отыскать по следующему адресу: http://msdn. microsoft.com/en-us/library/ cc351024%28v=vs.85%29.aspx.
Использование CSS3 для дизайна и разработки страниц в браузере.
Не могу говорить за вас, однако я считаю переделывание изображений утомительным занятием. Вы знаете, какого рода высказывания заказчиков я здесь подразумеваю: «А можно сделать эти углы немного более скругленными?» или «Можно ли сделать градиент вверху немного темнее?» Как только мы послушно внесем необходимые изменения, зачастую слышим неизбежное: «О нет, раньше все было лучше. Вы можете вернуть все назад?» Этот процесс «хождения» туда-сюда, конечно же, необходим, поскольку нам, в конце концов, требуется тем или иным образом менять дизайн, чтобы посмотреть, как он работает. Однако CSS3 позволяет сделать большую часть всего этого лишь за секунды в коде, а не за минуты в графическом редакторе.
Добавить комментарий