Онлайн генераторы | веб-мастеру

 

В этой статье Вы найдете коллекцию различных онлайн генераторов, относительно классифицированных по их возможностям. Относительно потому, что некоторые из них универсальные и что называется «не отходя от кассы» Вы сумеете например и фон сгенерировать, и кнопки для сайта/блога и т.п. Для чего они Вам, подобного рода онлайн услуги? Думаю, что начинающему веб-мастеру нужны однозначно, ведь невозможно знать и уметь всё и сразу, хотя стремиться к этому никто не мешает, и если вдруг возникнет необходимость создать контактную форму для сайта или кнопочку изобразить, а то и 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 макетов, достаточно ввести количество колонок, их ширину, а так же ширину границ, и он сгенерирует макет.

Генераторы 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 »

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.

Генераторы значков, отображающих ход загрузки »

Ничего не могу сказать, решайте сами, нужно Вам это или нет.

AjaxLoad

LoadInfo

Генераторы email — иконок »

Хороши тем, что отображают Ваши координаты, будь то email адрес или номер ICQ в виде картинки, то есть делают их недоступными для спам-программ.

services.nexodyne.com — если ящик на одном из «буржуйских» серверов, то Вам сюда;

netone.org.ru — а этот нарыл случайно, радует, что присутствуют отечественные почтовые сервера.

Генераторы текста »

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

Text Generator — генератор, собирающий текст из различных ресурсов, необходимо просто указать количество абзацев;

Lorem Ipsum Generator — этот генератор текста наверное знает практически каждый, более-менее продвинутый веб-мастер.

Прочие генераторы »

RoundPic — иногда бывает нужно закруглить углы картинки, здесь Вы это сделаете за несколько секунд, при необходимости преднастроив параметры закругления;

Hohli — генератор поможет быстро создать разнообразные диаграммы;

pixlr — этот генератор можно смело назвать Photoshop онлайн, позволяет осуществлять большинство функций программы Adobe Photoshop;

Typetester — генератор, позволяющий визуально проверять до трех шрифтов одновременно и при необходимости загрузить CSS для каждого из них;

pForm — генератор форм HTML. Можно выбрать из уже созданных шаблонов и просто настроить
для себя — выбор готовых дизайнов вполне достаточный.

 

Leave a Reply

Ваш адрес email не будет опубликован.

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>