HealthSamurai / xmas-hackathon-2020

0 stars 0 forks source link

SVG -> hIccup+garden generator #9

Open potapenko opened 3 years ago

potapenko commented 3 years ago

Сервис решает задачу быстрой разработки html страниц из векторных исходников, созданных в популярных программах для дизайнеров Sketch и Figma (а так же любого, который может экспортировать в SVG).

В отличии от других подобных решений, инструмент будет давать несколько преимуществ:

  1. Live preview при разработке
  2. Максимальный контроль над структурой получаемого html
  3. Block и Flex layout (а не absolute position), responsive
  4. Возможность добавлять на генерируемую страницу дополнительные ресурсы (шрифты, стили, картинки итд)
  5. Генерация верстки не только в виде чистого html, но и cljs - (hiccup/reagent+garden)

Процесс работы с сервисом будет выглядеть следующим образом:

  1. Пользователь устанавливает специальный плагин в свой векторный редактор и выбирает команду "Live Preview"
  2. Открывается веб страница на сайте svg-to-html.me, на которой показывается превью исходника (artboard) с которым пользователь сейчас работает.
  3. При каждом изменении исходника будет автоматически обновляться страница на сервере - live preview.
  4. Либо просто без установки плагина - зайти на сайт - загрузить svg файл и получить сгенеренный zip файл с проектом.

Исходники проекта будут доступны на гитхаб и для реализации серверной логики будет использоваться clojure.

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

potapenko commented 3 years ago

Project board

https://github.com/svg-to-hiccup/svg-to-hiccup/projects/1