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

Так вот, вся запарка в том что код стал немного сложнее, по крайней мере для простого верстальщика который привык к простым и прозрачным инструкциям CSS 2. Именно поэтому в сети стало появляться масса онлайн сервисов позволяющих в режиме реального времени, «нарисовать» (как в граф. редакторе) эффект к какому-нибудь элементу сайта: контейнеру, кнопочке, табличке и т.п. После чего скопировать сгенерированный код стиля в соответствующий класс элемента и всё. F5 и вы будете приятно удивлены результатом.

Именно эти сервисы, а точнее некоторые из них, которыми я пользуюсь сам, я бы хотел осветить в этом посте.

CSS Border radius — пожалуй один из самых часто используемых мной сервисов. Название говорит само за себя, сервис позволяет настроить плавные, округлые рамки для html элемента. Например table или div.

Button Maker — Отличный ресурс! Видели красивые кнопки с надписями «add comments» или «read more» на зарубежных сайтах. С помощью данного сервиса Вы сможете сделать нечто подобное за пару минут.

Drop Shadow — А этот инструмент даёт Вам возможность создать падающую тень для какова-нибудь контейнера на сайте.

CSS Generator — Это сайт уже представляет из себя целый CSS редактор, в выпадающем списке на сайте вы можете выбрать больше десятка различных параметров CSS 3 и настроить их в онлайн режиме.

CSS Gradient Generator — Сайт предоставляет разработчику (дизайнеру) удобный интерфейс для создания градиентной заливки.

На этом я пожалуй закончу. Т.к. я постоянно «варюсь» в сфере интернет технологий, коллекция инструментов будет со временем пополняться, а пока изучайте и используйте в своё удовольствие CSS 3! =)