Разработка ›› 12 инструментов для облегчения процесса работы с CSS3

CSS3 является большим шагом вперед в развитии CSS. C его помощью можно создавать великолепные эффекты на веб страницах без головной боли.

В данной статье представлены 12 инструментов для облегчения работы с CSS3.

CSS Pie

К сожалению, Internet Explorer 6/8 практически не поддерживает CSS3. Некоторые клиенты при создании сайта могут потребовать, чтобы он выглядел одинаково и в IE и в современных браузерах. В данном случае на помощь придет CSS3 Pie: он позволяет использовать почти все новинки CSS3 в Internet Explorer.

CSS Pie

CSS3 Builder

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

CSS3 Builder

Генератор теней CSS3

Очень простой инструмент для визуального создания теней CSS3. Как только процесс творчества закончен, код можно скопировать в свой файл стилей.

Генератор теней CSS3

Cascader

Данный инструмент предназначен не только для CSS3. Cascader анализирует код HTML, выявляет встроенные свойства CSS, удаляет их из HTML кода и добавляет в отдельную таблицу стилей. Очень полезный инструмент для тех, кто придерживается разделения кода.

Cascader

Border-radius.com

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

Border-radius.com

ButtonMaker

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

ButtonMaker

CSS3 Generator

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

CSS3 Generator

Modernizr

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

Modernizr

Поддержка HTML5 и CSS3

Хотите знать, поддерживает ли Internet Explorer 8 свойство text-shadow? Просто посмотрите на таблицу, которая содержит информацию по всем основным браузерам.

Поддержка HTML5 и CSS3

Генератор градиентов CSS3

Как можно догадаться, это генератор градиентов. Просто установите нужный цвет, посмотрите на результат в окне предварительного просмотра. Если получилось то, что нужно — копируйте код в свой проект!

Генератор градиентов CSS3

CSS3 Please

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

CSS3 Please

Шпаргалка по CSS3

Во время работы таблицы с подсказками очень помогают, чтобы быстро вспомнить синтаксис нужного свойства. Smashing Magazine подготовил шпаргалку по CSS3, которую можно загрузить и распечатать.

Шпаргалка по CSS3

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *