Back to Top
Font size: +

CSS 3.0 генераторы

Тот, кто хоть немного связан с созданием web/html-страниц знает, что означает термин в заголовке

(CSS — Cascading Style Sheets) и для чего необходим этот язык разметки. Мы не откроем никакой тайны, если скажем, что для создания стилей многие веб-мастера используются различного рода генераторы, которые помогают ускорить процесс разработки страницы или ее шаблона.

Для начинающих верстальщиков использование CSS генераторов, в частности, работающих именно со спецификацией 3.0, часто бывает оправдано. Кроме времени на создание стиля, генератор также поможет избежать ошибок в построении css-правил и, соответственно, ошибок при валидации кода. Так же, из-за разнообразности браузеров, правила для каждого их них различаются, и помнить написание и параметры всех селекторов и атрибутов, порой просто невозможно. Генератор же «на зубок» знает правила построения шаблона, что опять же поможет избежать ошибок в css-коде.

Ниже вы найдете 10 css-генераторов, которые помогут создать градиенты, закругленные углы, кнопки, меню и другие прелести, ставшие возможными благодаря CSS 3.0.

 

CSS3 Click Chart

CSS3 Click Chart

Border radius

Border radius

@font-face Generator

Font-face Generator

CSS 3.0 Maker

CSS 3.0 Maker

CSS3 Menu

CSS3 Menu

CSS3 Generator

CSS3 Generator

CSS3, please!

CSS3, please!

Gradient Button Generator

Gradient Button Generator

Cool Tools and Toys

Cool Tools and Toys

CSS3 Rounded Corner Generator

CSS3 Rounded Corner Generator

Комментарии (9)

Алексей / 25 Октябрь 2010 в 12:21

Отлично! То что нужно для моего сайта. Автору респект, а то я замучился с конструктором шаблонов под joomla 1.5.

Atomrik Сергей / 25 Октябрь 2010 в 19:11

Нужно будет попробовать.

Swaego / 26 Октябрь 2010 в 05:21

Опробовал, весьма полезные ресурсы. Спасибо.

Мажорик / 1 Ноябрь 2010 в 23:21

Если замучился с joomla — добро пожаловать в МОДх! Шаблон МОДх = обычный CSS шаблон т.е. ничего не надо мудрить и придумывать )

Aleks / 2 Ноябрь 2010 в 23:51

Благодарю за подборку ресурсов. Очень удобно, что всё на 1 сайте.

Web-master / 29 Май 2011 в 13:08

Благодарю за подборку ресурсов, некоторые из них уже знал, но есть и новые.

Галина / 5 Сентябрь 2011 в 16:03

Спасибо!

Radli / 9 Октябрь 2012 в 12:18

Спасибо. Мне особенно понравился CSS3 Generator возможностью кинуть картинку, а он генерирует CSS3 градиент. Это круто, мне бы даже голову бы не пришла бы такая идея. Респект.

Вячеслав / 22 Март 2013 в 14:44

Да, генераторы много времени экономят. Спасибо за подборку ресурсов.

Комментирование этой статьи закрыто ...

Креативные логотипы. Часть 1