Search
Write a publication
Pull to refresh

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

  • 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.
Tags:
Hubs:
You can’t comment this publication because its author is not yet a full member of the community. You will be able to contact the author only after he or she has been invited by someone in the community. Until then, author’s username will be hidden by an alias.