Дэн Сидерхолм - CSS3 для веб-дизайнеров

Если это трудоемко, тогда просто используйте CSS3.

Начинайте добавлять фрагменты CSS3 в свою ежедневную работу, и пусть ваши заказчики и руководители с радостью узнают об этом. Правда заключается в том, что многие визуальные эффекты, которые были показаны в примерах в этой книге, можно обнаружить, когда взаимодействуешь с сайтом: наводишь на элементы, переводишь фокус и так далее. Разумеется, такие эффекты создаются намеренно.

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

Хотите, чтобы это работало во всех браузерах, о которых только можно подумать? Ну, за это придется еще заплатить. Хм.

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

Но пока что все идет хорошо. Поддержка новых свойств появляется в каждой версии WebKit, Mozilla и Opera. Быстрое принятие новых свойств с помощью браузерных префиксов – это то, что продвигает инновации. Следить за тем, что нового, и отмечать, когда наступает переломная точка в поддержке нового свойства современными браузерами, – такие действия могут дать представление об использовании свойств CSS3 в настоящих проектах.

Нас ждут интересные времена с IE9 Beta. Да, я действительно сказал это. Мы видим, как в Internet Explorer появляется все больше и больше поддержки CSS3, и это замечательно.

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

CSS3.info уже давно публикует новости, примеры и информацию о развитии событий:

http://www.CSS3.info

Смотрите также раздел «Предпросмотр», где выложены демки конкретных свойств:

http://www.CSS3.info/preview

Раньше я говорил, что не нужно читать спецификации, но для должного понимания картины в целом, чтобы подготовиться к тому, что будет дальше, и чтобы видеть, в каком состоянии какие модули находятся (рабочий черновик, кандидат в рекомендации и т. д.), смотрите сюда:

http://www.w3.org/style/CSS/current-work

Или сюда, чтобы узнать больше о самих модулях, как они разделены и что в них содержится:

http://www.w3.org/tR/CSS3-roadmap

Блоги разработчиков всех основных браузеров – замечательный источник знаний, который позволит быть в курсе того, какие свойства в каких браузерах поддерживаются. Я советую подписаться на эти блоги, чтобы всегда знать, какие свойства поддерживаются, от каких отказываются и с чем экспериментируют:

http://webkit.org/blog

http://blog.mozilla.com

http://dev.opera.com/articles/css

http://blogs.msdn.com/b/ie

Появилось несколько сайтов, которые могут помочь понять совместимость браузеров и узнать, в каких их версиях поддерживаются конкретные свойства:

http://caniuse.com

http://www.quirksmode.org/css/contents.html

http://html5readiness.com Пусть URL не смущает вас; на сайте также пишут про CSS3.

Есть браузерные инструменты, которые дают графический интерфейс для создания рабочего кода во всех браузерах, где есть поддержка конкретного свойства. Эти инструменты могут сильно пригодиться в изучении:

http://CSS3generator.com

http://CSS3please.com

http://gradients.glrzad.com

http://tools.westciv.com

http://border-radius.com

Наконец, решения на JavaScript могут помочь расширить поддержку CSS3 во многих других браузерах. Для критических визуальных событий, которые должны работать везде с помощью современного CSS3, есть несколько вариантов:

http://www.modernizr.com

http://ecsstender.org

http://selectivizr.com/ Эмулятор псевдоклассов для IE5.5–8.

Спасибо, что прочитали эту книгу! Отправляйтесь создавать замечательные вещи. Dream big and implement small.

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