Лого www.SiteHere.ru

Инструменты для работы с CSS3

10 полезных инструментов для упрощения работы с CSS3

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

А сейчас, собственно, сайты (инструменты для работы с CSS3):

1. CSS3 Pie

CSS3 Pie

В браузерах от IE6 до IE8 нет полноценной поддержки CSS3. И многие это знают. Но хочется чтобы ваш сайт одинаково красиво смотрелся во всех браузерах. Данный сайт позволяет использовать большинство функций CSS3 в браузерах IE.

2. CSS3 Builder

CSS3 Builder

С помощью этого инструмента вы можете создавать CSS3 кнопки с тенью. Управление реализовано в виде панели как в Adobe Photoshop. Определенно отличный инструмент, который может сэкономить много времени.

3. CSS3 Drop shadow generator

CSS3 Drop shadow generator

Данный сайт позволяет генерировать текст у элементов. Для этого просто необходимо двигать ползунки и смотреть какой эффект вам больше всего нравится. Затем просто скопировать сгенерированный код себе на сайт и всё, готово.

4. Border-Radius.com

Border Radius.com

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

5. Button Maker

Button Maker

CSS3 позволяет создавать потрясающие кнопки. Этот инструмент, созданный Крисом Коуиром, делает процесс создания CSS3 кнопки очень простым: просто выбрать цвета, отрегулировать радиус и получить код, готовый для вставки в ваш файл CSS.

6. CSS3 Generator

CSS3 Generator

Это сервис, способный генерировать такие свойства как: @font-face, RGBA, text-shadow, border-radius, и многие другие.

7. Modernizr

Modernizr

Modernizr это JavaScript-библиотека, которая узнаёт, что из HTML5 и CSS3 умеет браузер пользователя. Определяя возможности браузера, разработчик может сделать откат некоторых функций для старых версий браузеров. Создатели Modernizr называют такую проверку feature detection, и это гораздо эффективнее, чем просто определить браузер, его версию и ОС.

8. HTML5 & CSS3 Support

HTML5 & CSS3 Support

Данный определенно необходимо держать у себя в закладках. На нём вы сможете найти какие свойства какими браузерами поддерживаются. Данный сервис очень полезен при разработке.

9. CSS3 Gradient Generator

CSS3 Gradient Generator

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

10. CSS3 Cheat Sheet

CSS3 Cheat Sheet

При написании кода, подглядывая иногда в шпаргалки они позволяют быстрее запомнить свойство, его значения и синтаксис. Шпаргалку можно распечатать, чтобы она была у вас всегда перед глазами. На сайте шпаргалки в формете .gif и .pdf.

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

Успехов!

Источник: css.dzone.com

Инструменты для работы с CSS3 5.00/5 (100.00%) 1 голос(ов)

Понравилась статья - расскажи друзьям! :)

1 комментарий к записи
  • Юрий

    Спасибо за замечательный обзор сервисов!

     

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

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