Pingendo - создаем прототип лэндинга

В этом видео-уроке я расскажу о том, как создать html/css шаблон для привязки к сборке Drupal 7 для LP. Для этого мы используем бесплатную программу Pingendo. Созданный буквально за минуты красивый профессиональный шаблон мы можем использовать для создания подтемы к базовой теме Bootstrap. Программа Pingendo как раз разработана для создания прототипов для этого фреймворка.

Twitter Bootstrap  — свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML и CSS шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейсов, включая JavaScript расширения.

]]>Демо-сайт]]>

]]>Онлайн генератор фавиконок]]>

]]>Оф.сайт Pingendo]]>

Небольшая поправка к видео

Оказалось, что для кнопки Click me можно добавить ссылку прямо в программе Pingendo. Для этого необходимо выделить кнопку и в правой колонке в поле HREF подставить необходимую ссылку. Таким же способом подставляются ссылки для соцсетей.

Дело в том, что я сама только-только познакомилась с этой программой и сразу поспешила выложить для вас обзорное видео. Сейчас посмотрела код html файла. Там подключены js файлы bootstrap. А это означает, что, скорее всего, если покопаться в настройках, то можно заставить работать галереи, слайдеры и т.п. Но php код для "оживления" форм я так и не обнаружила.

Скачивайте, устанавливайте прогу, экспериментируйте с настройками. Интерфейс очень удобный и интуитивно понятный. Вы найдете много полезных фич и сможете создавать оригинальные лэндинги с ее помощью. Ну или даже темы для Drupal (об этом в следующем видео).