Сайты-генераторы, позволяющие облегчить и ускорить работу верстальщика

21 Июл
2012

  • http://csstemplater.com/
    Генератор HTML+CSS шаблонов. Используйте для быстрого создания пустого макета страницы. На данном сайте представлена возможность генерировать страницу, задавая основные её характеристики: ширина макета (фиксированный, резиновый), количество сайдбаров, можно отметить высоту header-а footer-а, назначить одинаковую высоту колонок. Особенно полезным является то, что не нужно самому прописывать базовые стили и сбрасывать значения стилей. После генерации Вы получаете ссылку на архив, в котором хранится html страница и css файл стилей.
  • http://www.fontsquirrel.com/fontface/generator
    Генератор шрифтов. Если Вы хотите видеть на своей странице какой либо нестандартный шрифт, то это можно легко осуществить с помощью данного сайта. По кнопке Add Fonts загружаем свой шрифт. Далее выбираем один из 3-ёх видов настроек. По умолчанию стоят оптимальные в плане производительности и времени настройки. Можно выбрать расширенную настройку (Expert), если, например, хотите, чтобы шрифт показывал кириллицу. Далее по кнопке Download your kit получаем ссылку с zip-архивом, в котором есть все необходимые сгенерированные файлы и страница с примером применения полученного шрифта. На сайте существует огромное количество готовых пакетов шрифтов.
  • http://border-radius.com/
    Простейший генератор закругленных краёв элемента. Если кому-то лень прописывать самому для всех браузеров нужные закругления нужных углов, то на данном сайте Вы легко можете получить готовый код по заданным параметрам. В ie результата, конечно, не добиться, так как он не поддерживает закругления, однако, для него существуют особые решения сложившейся проблемы.
  • http://cssmenumaker.com/
    Генератор меню для сайта. Опять же для ленивых. Различные виды горизонтальных и вертикальных меню. Полностью настраиваемые. Выбираем понравившийся шаблон, устанавливаем свои названия пунктов меню, добавляем/удаляем подпункты, загружаем. В архиве нам приходит css файл стилей настроенной меню и html страница, в которой указано, собственно, какой код нужно вставить в страницу, и как подключить полученный css файл.
  • http://www.cssbuttongenerator.com/
    Генератор кнопок страницы. Очень много настроек, которые позволяют без графических редакторов получить красивую кнопку с использованием одних лишь css стилей. Справа выставляем соответствующие настройки, под изображением кнопки настраиваем цвета, щёлкаем по настроенной кнопке и получаем сгенерированный css код.
  • http://www.colorzilla.com/gradient-editor/
    Генератор градиентов. На сайте очень много шаблонов, настраиваем нужные цвета, добавляем, удаляем переходы из цвета в цвет. Css код генерируется в окошке справа. Могут возникнуть проблемы с ie, и opera.
По материалам Хабрахабр.



загрузка...

Комментарии:

Наверх