Новый drag-and-drop конструктор сайтов для Bootstrap 3.1.1 в черновиках
Около 4 лет я занимаюсь разработкой html — шаблонов как фри-лансер и для продажи на маркетплейсах. Bootstrap стал использовать сразу же, как он появился. Перепробовал все возможные drag-and-drop конструкторы и платные и бесплатные, сделал вывод, что писать код руками быстрее. Чтобы изменить какой-либо класс нужно зайти в какие-то меню, суб-меню, многие вещи интуитивно непонятны(имхо), drag-and-drop не везде удобно реализован.
Больше всего понравился бесплатный конструктор layoutIt!, но в нем было недостаточно функционала. Поэтому было решено создать собственный конструктор, взяв лучшие концепции и добавив функции, которые необходимы мне как разработчику html-шаблонов.
Разработка заняла около 6 месяцев. Сейчас открыто бесплатное бета тестирование по адресу www.frontenda.com/snipped
Пока только англоязычная локализация. В ближайший месяц планируется перевод на русский язык.
Итак, какой функционал предлагает конструктор в данный момент:
— 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 для любых изменений в редакторе
Некоторые демо видео
Некоторое описание функций на английском языке www.frontenda.com/snipped/about.php
Регистрация в бета www.frontenda.com/snipped/
Больше всего понравился бесплатный конструктор layoutIt!, но в нем было недостаточно функционала. Поэтому было решено создать собственный конструктор, взяв лучшие концепции и добавив функции, которые необходимы мне как разработчику html-шаблонов.
Разработка заняла около 6 месяцев. Сейчас открыто бесплатное бета тестирование по адресу www.frontenda.com/snipped
Пока только англоязычная локализация. В ближайший месяц планируется перевод на русский язык.
Итак, какой функционал предлагает конструктор в данный момент:
— 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 для любых изменений в редакторе
Некоторые демо видео
Некоторое описание функций на английском языке www.frontenda.com/snipped/about.php
Регистрация в бета www.frontenda.com/snipped/
комментарии (4)