CSS3 - большой шаг вперед в спецификации CSS. Он позволяет веб-разработчикам добавлять стильные эффекты на сайты без головной боли. Тем не менее, есть несколько инструментов, которые помогут при создании сайтов с использованием CSS3. В этой статье я собрал более 10 самых полезных инструментов для CSS3.

 

CSS3 Pie

сайт http://css3pie.com/

Вы удивлены тому, что в Internet Explorer 6/8 CSS3 практически не поддерживается? К сожалению, большинство заказчиков хотят, чтобы сайт работал и в IE. Инструмент CSS3 Pie поможет вам в этом. Он позволяет использовать большую часть интересных функций CSS3 в IE.

Ссылка: CSS3 Pie

 

CSS3 Builder

 

CSS3 Builder

 

С помощью этого инструмента можно создавать сложные CSS3 прямоугольники с помощью удобного интерфейса, похожего на Photoshop. Этот действительно хороший инструмент, поможет сэкономить вам время.

 

Ссылка: CSS Builder

CSS3 Drop shadow generator

 

CSS3 Drop shadow generator

 

Этот инструмент очень похож на CSS3 Builder. Просто используйте ползунки, чтобы визуально проектировать тень. После этого, скопируйте код CSS, созданный автоматически. Вставьте его в файл CSS и готово!

 

Сайт: CSS3 Drop shadow generator

Cascader

 

Cascader

 

Хоть этот инструмент и нельзя назвать инструментом для CSS3, но он настолько полезен, что было бы стыдно не включать его в этот список. Cascader позволяет вводить некоторый HTML код, и инструмент определяет все встроенные таблицы стилей в документ, удаляет CSS из HTML и добавляет его в отдельную таблицу стилей. Настоящая экономия времени для тех, кто хочет очистить HTML.

 

Ссылка: Cascader

Border Radius.com

 

Border Radius.com

 

border-radius является одним из самых популярных свойств CSS. Те, кто помнит, как напряжно было создавать прямоугольник с закругленными углами, используя изображения, согласятся со мной. Этот инструмент позволит вам быстро создать окно и получить соответствующий код CSS3.

 

Сайт: Border Radius.com

Button Maker

 

Button Maker

 

CSS позволяет вам создавать великолепные кнопки. С помощью этого инструмента, созданного Chris Coyier, сделать CSS дизайн кнопки очень легко: просто выбираете цвет, регулируете радиус и получаете код, готовый для вставки в файл CSS.

 

Сайт: Button Maker

CSS3 Generator

 

CSS3 Generator

 

Нужна помощь по CSS3? Это очень удобный генератор, который позволяет объявлять часто используемые  CSS свойства: @font-face, RGBA, text-shadow, border-radius и другие.

 

Сайт: CSS3 Generator

Modernizr

 

Modernizr

 

Modernizr - небольшой скрипт, который определяет поддержку CSS3 и добавляет классы к  элементам, и позволяет ориентироваться на поддержку браузером таблицы стилей. Например, если браузер не поддерживает некоторые функции фона, класс no-multiplebgs будет добавлен к элементам.

 

Сайт: Modernizr

HTML5 & CSS3 Support

 

HTML5 & CSS3 Support

 

Нужно узнать, поддерживает ли Internet Explorer 8 тени для текста? Взгляните на эту очень полезную таблицу, которая показывает поддержку CSS всеми основными браузерами. Такую таблицу каждый должен иметь в закладках.

 

Ссылка: HTML5 & CSS3 Support

CSS3 Gradient Generator

 

CSS3 Gradient Generator

 

Как вы можете догадаться из названия, это генератор градиентов. Просто выберите цвета с помощью палитры, просмотрите градиент в окне предварительного просмотра, и скопируйте CSS код. Очень просто.

 

Сайт: CSS3 Gradient Generator

CSS3 Please

 

CSS3 Please

 

CSS3 Please еще один очень полезный сайт, который позволяет копировать и вставлять наиболее часто используемые CSS3 свойства. Он также имеет область предварительного просмотра, где вы можете наглядно промотреть результат.

 

Сайт: CSS3 Please

CSS3 Cheat Sheet

 

CSS3 Cheat Sheet

 

При написании CSS кода с помощью этой шпаргалки можно очень быстро запомнить свойства и их синтаксис. Smashing Magazine создал эту CSS3 шпаргалку, чтобы вы скачали её и распечатали. Можно также ознакомиться с предварительной версией в формате как на рисунке.

 

Сайт: CSS3 Cheat Sheet
Переведено сайтом MyPlace.d9x.ru
Статья взята с сайта: http://www.catswhocode.com