...

четверг, 12 июня 2014 г.

Новый drag-and-drop конструктор сайтов для Bootstrap 3.1.1

Около 4 лет я занимаюсь разработкой html — шаблонов как фри-лансер и для продажи на маркетплейсах. Bootstrap стал использовать сразу же, как он появился. Перепробовал все возможные drag-and-drop конструкторы и платные и бесплатные, сделал вывод, что писать код руками быстрее. Чтобы изменить какой-либо класс нужно зайти в какие-то меню, суб-меню, многие вещи интуитивно непонятны(имхо), drag-and-drop не везде удобно реализован.

Больше всего понравился бесплатный конструктор layoutIt!, но в нем было недостаточно функционала. Поэтому было решено создать собственный конструктор, взяв лучшие концепции и добавив функции, которые необходимы мне как разработчику html-шаблонов.

Разработка заняла около 6 месяцев. Сейчас открыто бесплатное бета тестирование по адресу http://ift.tt/1v4jxOv

Пока только англоязычная локализация. В ближайший месяц планируется перевод на русский язык.



Итак, какой функционал предлагает конструктор в данный момент:

— Drag-and-drop: Создание html — сетки c любыми уровнями вложенности, добавление html и JavaScript компонентов

— изменение responsive классов(col-xs-*, col-md-* и т.д.) выбором из меню на самих колонках прямо в сетке

— Редактирование html кода любого элемента

— Импорт в проект стороннего html, CSS, JavaScript кода

— Редактирование html, css, javascript во встроенных редакторах (ACE editor) c функциями zen-coding(emmet), автодополнения Bootstrap сниппетами

— Визуальный LESS редактор с лайв изменением (спасибо Bootstrap Magic)

— Пред-просмотр с responsive функциями

— Загрузка готовых кодов, сохранение кодов онлайн(приватно и публично)

— функции Redo и Undo для любых изменений в редакторе

Некоторые демо видео






Некоторое описание функций на английском языке http://ift.tt/1mMIwzu


Регистрация в бета http://ift.tt/1mMIwzw


This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.


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

Отправить комментарий