Препроцессор для верстки gulp-fornt
Начну из далека. Захотелось мне как то простые инклюды при верстке использовать.
Начал копать на эту тему и ничего путного не нашел, всякие разные шаблонизаторы которыx как грязи работают на js, и собирают страницу в браузере.
Мне это не подошло, так как бэкендщику нужно отдавать html да и то следить надо чтобы дров не наломал.
По этому я копал дальше и открыл для себя node.js (ноду). Это замечательный инструмент. Кто не слышал вам сюда ru.wikipedia.org/wiki/Node.js
А так же пакетный менеджер для нее npm.
В качестве шаблонизатора выбрал jade, для автоматизации взял тогда очень популярный grunt.
Css предпологалось писать по старинке, но познав удобства jade решил посмотреть на разные css препроцессоры, sass и less был и есть грязнее чем css, это сказывается на скорости. Ведь нужно писать все эти лишние символы, писать кучу рутиных миксинов, и вообще требовался установленный ruby.
По этому выбрал stylus, который так же построен на отступах как jade
Позже перешел на верстку по методологии БЭМ, проекты стали больше и grunt начял тормозить.
Заменил grunt на gulp. Если сборка проекта на grunt занимает 20с то на gulp 2c
github.com/Zoxon/gulp-front
Предлагать и/или реализовывать новые фичи.
Вообщем сейчас нужны люди для развития препроцессора.
Сейчас я один занимаюсь этим.
Начал копать на эту тему и ничего путного не нашел, всякие разные шаблонизаторы которыx как грязи работают на js, и собирают страницу в браузере.
Мне это не подошло, так как бэкендщику нужно отдавать html да и то следить надо чтобы дров не наломал.
По этому я копал дальше и открыл для себя node.js (ноду). Это замечательный инструмент. Кто не слышал вам сюда ru.wikipedia.org/wiki/Node.js
А так же пакетный менеджер для нее npm.
В качестве шаблонизатора выбрал jade, для автоматизации взял тогда очень популярный grunt.
Css предпологалось писать по старинке, но познав удобства jade решил посмотреть на разные css препроцессоры, sass и less был и есть грязнее чем css, это сказывается на скорости. Ведь нужно писать все эти лишние символы, писать кучу рутиных миксинов, и вообще требовался установленный ruby.
По этому выбрал stylus, который так же построен на отступах как jade
Позже перешел на верстку по методологии БЭМ, проекты стали больше и grunt начял тормозить.
Заменил grunt на gulp. Если сборка проекта на grunt занимает 20с то на gulp 2c
Велосипед
Препроцессор открытый и распостраняется по лицензии MITgithub.com/Zoxon/gulp-front
К чему этот пост
Нужны люди которые будут пользоваться препроцессором, тестируя его и самостоятельно исправлять ошибки или отписываясь в issuses проектаПредлагать и/или реализовывать новые фичи.
Вообщем сейчас нужны люди для развития препроцессора.
Сейчас я один занимаюсь этим.
Плюсы
- Легко работать с БЭМ
- Миксины для jade и stylus
- Расстановка префиксов средствами фреймворка nib
- Миксины для font-face
- Миксины для форм
- Минимизация изображений
- Чистый код
- Include и extend
- Автогенерация стилей типографики и форм (пока частичная)
- Нет зависимостей кроме node.js
- Возможность использовать другие модули
Минусы
- Нужно ставить ноду
- Иногда глючит imagemin
- Частичная стилизация форм
- Нет автосборки спрайтов
1 комментарий