Інструменти для роботи з 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.

Відео: Інструменти, техніки і навички web розроблювача - 2 - Bootstrap, CSS3 button generator

6. CSS3 Generator

CSS3 Generator

Відео: Інструменти для роботи з шкірою. Leather craft tool

Це сервіс, здатний генерувати такі властивості як: @ 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

При написанні коду, підглядаючи іноді в шпаргалки вони дозволяють швидше запам`ятати властивість, його значення і синтаксис. Шпаргалку можна роздрукувати, щоб вона була у вас завжди перед очима. На сайті шпаргалки в Формет .jpg і .pdf.

Сьогодні ми розглянули інструменти, які прискорюють процес розробки на CSS3. Якщо їх використовувати в потрібний момент, це безперечно скоротить написанні коду.

Успіхів!

джерело: css.dzone.com

Поділися в соц мережах:
Cхоже

Увага, тільки СЬОГОДНІ!