Генераторы CSS

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Jerom
Сообщения: 141
Зарегистрирован: Вт фев 25, 2014 11:42 pm

Генераторы CSS

#1

Сообщение Jerom » Чт июн 26, 2014 7:44 pm

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

1) Colors Palette Gnerator имеет функцию генерации цветовых палитр. Данный инструмент позволяет удобно захватить основной цвет с любого изображения.

2) Visual CSS Gradient Generator пригодится для совместимости с браузерами. От других генераторов его отличает в первую очередь то, что он настроен на создание SVG-кодов и холстов.

3) Gradient Image Maker позволяет предварительно просматривать те изображения, которые созданы даным инструментом.

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

5) Facelift Image Replacement имеет скрипт замены текста на аналогичное изображение. Часто используется это для того, чтобы какой-либо текст был недоступен для незарегистрированных пользователей.

6) CSS Scheme Designer считается одним из лучших css-генераторов. Его особенностью так же является круговая цветовая диаграмма.

7) Grad3 UI Processor помогает создавать сложные градиенты с помощью поддержки прозрачных фонов.

8) CSS Typiset Matrix and Code Generator реализован в виде матричной таблице, в графах которой указаны размеры полей и шрифтов. Это позволяет очень быстро генерировать исходный код.

9) CSS Template Code Generator является бесплатным генератором. Позволяет пользователю разработать свои шаблоны.

10) Em Calculator. Данный генератор позволяет удобно совмещать несколько градиентов, а так же создавать и сохранять свои.

11) CSS Grid Calculator. С помощью данного инструмента можно проектировать сетки различными способами. Так же присутствует функция предпросмотра, с помощью которой можно посмотреть, как будет выглядеть блок текста.

Конечно, это далеко не полный список полезных и доступных генераторов CSS. Сегодня на просторах сети вы можете найти для себя немало полезных программ на эту тематику.

Реклама
construktor7
Сообщения: 1
Зарегистрирован: Вс авг 31, 2014 1:19 am

Re: Генераторы CSS

#2

Сообщение construktor7 » Вс авг 31, 2014 1:29 am

Как бы со ссылками желательно.

Аватара пользователя
Slash
Администратор
Сообщения: 2207
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 81 раз

Re: Генераторы CSS

#3

Сообщение Slash » Вс авг 31, 2014 9:36 am

construktor7 писал(а):Как бы со ссылками желательно.
Конечно! Пожалуйста (Правда список не такой, как в первом посте.):
Определение цвета - в теме есть ссылка на маленькую программку для определения цвета, в любой точке монитора.
http://www.colorzilla.com/gradient-editor/ - генерация фоновых картинок.
http://www.css3maker.com/index.html - отличный генератор CSS3 кода, удобно.
http://cssarrowplease.com/ - генерация стрелок.
http://css3button.net/ - создаёт кнопки button на CSS3. Удобно.
http://dbmast.ru/files/buttonmaker/index.html - ещё для кнопок.
http://border-radius.com/ - генерация бордюра.
http://tablestyler.com/ - создать стиль таблицы.
http://css3.me/ - думаю этот генератор обязательно пригодится.
http://css3generator.com/ - возможно пригодится.

Ответить Пред. темаСлед. тема

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей