В этой статье Вы найдете коллекцию различных онлайн генераторов, относительно классифицированных по их возможностям. Относительно потому, что некоторые из них универсальные и что называется «не отходя от кассы» Вы сумеете например и фон сгенерировать, и кнопки для сайта/блога и т.п. Для чего они Вам, подобного рода онлайн услуги? Думаю, что начинающему веб-мастеру нужны однозначно, ведь невозможно знать и уметь всё и сразу, хотя стремиться к этому никто не мешает, и если вдруг возникнет необходимость создать контактную форму для сайта или кнопочку изобразить, а то и CSS код сгенерировать — вот тут и пригодятся эти полезные ссылочки. Да и для более продвинутых умельцев онлайн генераторы лишними не будут, ведь они позволяют сэкономить часы ручной работы при разработке проекта и значительно ускорить процесс веб-дизайна. Буквально в считанные секунды при помощи генераторов можно создать код, схему проекта, необходимые графические элементы и многое-многое другое…
Большинство генераторов англоязычны и далеко не во всех удастся разобраться без знания языка, полагаясь на метод «научного тыка». Но и это проблема решаема более-менее, достаточно воспользоваться онлайн переводчиком Google — Вам будет необходимо просто ввести текст или адрес веб-ресурса в окошко и нажать кнопочку «Перевести». Ну и прежде чем перейти к перечню, огромная просьба:
Если Вы знаете еще какие-нибудь полезные генераторы, или же из приведенных какой-либо окажется нерабочим, не сочтите за труд, напишите о них в комментариях к этой статье, буду очень признателен!
Генераторы шаблонов (макетов) »
CSS Layout Generator — генератор шаблонов HTML + CSS;
YAML Builder — очень легкий в использовании визуальный редактор для создания YAML (Yet Another Multicolumn Layout) дизайнов;
WordPress Theme Generator — позволяет создать собственную тему WordPress даже без знания HTML и CSS;
Drupal Theme Generator — генератор для сайтов Drupal, базируемый на MS Excel;
Templatr — еще один генератор для создания тем WordPress, позволяет редактировать каждый элемент дизайна, используя визуальный редактор;
Variable Grid System — генератор для создания табличных CSS макетов, достаточно ввести количество колонок, их ширину, а так же ширину границ, и он сгенерирует макет.
PrimerCSS — создает начальную таблицу стилей из Вашего HTML со всеми ID и классами, которые используются в дизайне;
CSS3.0 Maker — генератор позволяет создавать различные эффекты с помощью CSS3 (закругленные углы, градиенты, анимация, тени для текста и т.д.);
CSS Border Radius — простейший генератор закругленных углов, достаточно ввести радиус для каждого из углов и генератор автоматически заполняет все четыре поля при вводе в одно из них, после чего можно настроить каждый угол отдельно;
CSS Type Set — позволяет создавать типографический дизайн и генерирует CSS, просто скопируйте туда текст, затем используйте кнопки для его настройки и Вы получите свой CSS мгновенно;
CSS Optimizer — порой возникает необходимость оптимизировать тот или иной CSS код, что сделать Вам поможет этот генератор;
CSS3 Please — кросс-браузерный CSS3 генератор для создания теней, закругленных углов и градиентов — всего лишь отредактируйте на своё усмотрение подчеркнутые фрагменты, чтобы получить соответствующий код;
CSS3 Gradient Generator — генератор позволяет совмещать в градиенте 3 или более цветов.
CSS Menu Generator — генератор для быстрого создания выпадающего меню.
Web Form Factory — преобразует Ваши веб-формы в PHP код, будь то формы для отправки почты или же для заполнения базы данных;
Faary — можно быстро и легко создавать формы, просто указав по порядку элементы, после чего просто нажмите кнопку для генерации кода;
Website Contact Form Generator — генератор контактных форм;
PHP Form Mail Maker — ещё один генератор форм для отправки почты.
Button Maker — создавайте уникальные кнопки с градиентами;
Buttonator — ещё кнопочки;
Da Button Factory — и ещё…
Создание графики с помощью Photoshop или других подобных программ может занять немало времени и несколько генераторов шаблонной графики, надеюсь, помогут Вам этот процесс ускорить.
bgMaker — один из простейших генераторов заднего фона, где с помощью формы 12х12 пикселей Вы рисуете себе фон, который сразу же отображается на заднем плане;
Stripemania — генератор для создания фона в виде полос, где нужно отрегулировать ширину линий и пробел между ними, а так же цвета и направление, и он сгенерирует шаблон из повторяемых линий;
Tartan Maker — поможет создать фон в клетку;
Stripe Generator 2.0 — ещё один генератор для создания фона из полосок, имеет возможность предварительного просмотра;
Dotted Background Generator — позволяет создавать точечный фон;
BgPatterns — поможет создать оригинальный фон. Имеет 4 настройки:
- Цвет шрифта и фона
- Текстура — можно задавать ее прозрачность, а так же различные потертости
- Изображения, которые тиражируются на фоне. Есть достаточно широкий выбор, можно править их размер и прозрачность фигуры.
- Поворот — задает наклон изображения.
Есть так же коллекция уже сгенерированных фонов, где Вы сможете выбрать понравившийся;
Pattern Coolerr — выбираете фон в галерее, после чего можно сменить цветовое решение и размер;
Striped Backgrounds — генератор полосатого фона любого расширения.
Основа привлекательного дизайна ресурса — это хорошее сочетание цветов. Генераторы цветовых схем помогут создать подходящую и неповторимую цветовую схему для Вашего сайта/блога.
Kuler — один из лучших генераторов цветовых схем со множеством опций как для создания, так и для поиска цветового решения. Можно найти готовые цветовые схемы через поиск или по категориях: самые новые, самые популярные, с наивысшей оценкой, или случайные. Возможно создание цветной схемы с помощью изображения;
ColorBlender — как ручное, так и автоматическое создание палитры цветов с возможностью экспорта в Photoshop или Illustrator;
ColourLovers — инструменты генератора включают в себя как возможность создания палитры, так и цветовой схемы из изображения;
Color Scheme Designer — отличный пользовательский интерфейс, позволяющий выбрать цвет и тип цветной схемы (моно, триада, тетрада, фигуральная и т.д.). Предварительный просмотр цветовой схемы как в светлом, так и в темном варианте как нельзя кстати;
Color Schemer Online — позволяет создавать цветную палитру с использованием RGB или HEX значений, или можно применить инструмент выбора цвета, осветления и затемнения сгенерированной цветовой схемы.
favicon — значок сайта, отображающийся браузером в адресной строке перед URL и помогающий идентифицировать Ваш сайт/блог.
Favicon.ru — что бы создать favicon, выберите графический файл на своём компьютере, из которого хотите сделать иконку или введите адрес картинки в Интернете в предлагаемое поле, после чего нажмите «Создать favicon.ico»;
256pixels — в отличии от Favicon.ru, этот генератор позволяет рисовать иконки для сайта с точностью до пикселя, то есть более
качественные, а также создавать анимированные иконки;
Favicon.cc — тот же принцип, что и на 256pixels;
Htmlkit.com — здесь помимо обычного favicon, Вы можете создать иконку для своей странички в twitter.com;
DeGraeve.com — и здесь мы рисуем иконку, но вообще-то сервис универсальный, по страницам которого стоит побродить;
WebScriptLab Favicon Generator — здесь Вы можете сгенерировать не только favicon, а и значок, отображающий ход загрузки страниц Вашего сайта. Для этого просто перейдите по вкладке Ajax Loading Gif Generator.
Хороши тем, что отображают Ваши координаты, будь то email адрес или номер ICQ в виде картинки, то есть делают их недоступными для спам-программ.
services.nexodyne.com — если ящик на одном из «буржуйских» серверов, то Вам сюда;
netone.org.ru — а этот нарыл случайно, радует, что присутствуют отечественные почтовые сервера.
Чтобы дизайн казался законченным, случайно сгенерированный текст Вам в этом поможет.
Text Generator — генератор, собирающий текст из различных ресурсов, необходимо просто указать количество абзацев;
Lorem Ipsum Generator — этот генератор текста наверное знает практически каждый, более-менее продвинутый веб-мастер.
RoundPic — иногда бывает нужно закруглить углы картинки, здесь Вы это сделаете за несколько секунд, при необходимости преднастроив параметры закругления;
Hohli — генератор поможет быстро создать разнообразные диаграммы;
pixlr — этот генератор можно смело назвать Photoshop онлайн, позволяет осуществлять большинство функций программы Adobe Photoshop;
Typetester — генератор, позволяющий визуально проверять до трех шрифтов одновременно и при необходимости загрузить CSS для каждого из них;
pForm — генератор форм HTML. Можно выбрать из уже созданных шаблонов и просто настроить
для себя — выбор готовых дизайнов вполне достаточный.
�
Похожие статьи:
