Инструменты для разработки css3

Пока все разработчики не пришли к единому выводу css3 свойств и они (свойства) не были стандартизированы, можно их не запоминать, а пользоваться онлайн средствами для их разработки

Итак, какие же есть полезные сайты, которые нам помогут в написании css3?

css3generator.com – помогает создать

• border-radius (закругленные углы)
• box-shadow (тень у блока)
• text-shadow (тень у текста)
• RGBA (задание цвета с прозрачностью)
• @font-face (подгрузка на сайт своих шрифтов)
• Multiple columns (текст в несколько колонок)
• Box resize (позволяет изменять размер блока мышкой)
• Box Sizing (позволяет выбрать, будет ли влиять граница на общую ширину блока)
• Outline (создание границы вокруг блока)

Следующий инструмент это у нас gradients.glrzad.com. Как видно по адресу сайта, он помогает создавать градиент. Создавать можно несколько слоев, в любом направлении и т.д. Все ограничивается вашей фантазией

aext.net/2010/04/css3-ie-support – а здесь у нас не инструмент, а скорее фича, позволяющая заставить понимать породу осликов (IE) такие свойства css3, как border-radius, box-shadow, text-shadow. Но как написано по ссылке есть некоторые баги с z-index и цвет тени у бокса можно задавать только черный (#000)

Для подключения нестандартных шрифтов сейчас используется свойство @font-face. Помочь правильно все сгенерировать нам поможет fontsquirrel.com/fontface/generator. Вам остается лишь загрузить свой шрифт и получить верный код для вставки в стили

Последним инструментом будет js-библиотека, позволяющая опять же IE понимать множество псевдоклассов из css3. Скачать и посмотреть, что она может, можно здесь