Просмотр полной версии : HAML, SLIM, SASS, CoffeeScript и прочее. Что вы реально используете в работе?
Просто интересно. Я совсем недавно считал CoffeeScript извращением, а теперь вроде даже удобнее.
Stylus+nib - без него чувствую себя неудобно.
Gulp на очереди. Пока пользуюсь GCC.
animhotep
25.03.2014, 11:43
я только SASS, остальное пока кажется извращениями
kobezzza
25.03.2014, 12:31
Stylus+Nib, Snakeskin, GCC, Grunt.
Grunt
С грантом кст разобрался недавно. Помогла статья Grunt для тех, кто считает штуки вроде него странными и сложными (http://frontender.info/grunt-is-not-weird-and-hard/). Наш форумчанин subzey (https://github.com/subzey) перевёл.
Grunt.
Что думаешь по поводу Grunt vs Gulp?
Почему мы стали использовать препроцессор Stylus в Яндекс.Почте, а также о библиотеке, помогающей жить с IE (http://habrahabr.ru/company/yandex/blog/169415/)
Что думаешь по поводу Grunt vs Gulp?
http://habrahabr.ru/post/215131/
Maxmaxmaximus14
25.03.2014, 13:14
Stylus, Myth, MCSS, AngularJS, Traceur-compiler, Gulp.
На подходе какой нить html препроцессор шаблонизатор чтобы все запаковывать в одну страничку а потом в application cache.
А так же для тестирования всякие Gremlins.js.
И главное это намечается переход с ангуляра на ui, так как ui лучше.
http://habrahabr.ru/post/215131/
Не нужно на вопрос "kobezzza думаешь" тыкать в меня хабром. Мне интересны мысли kobezzza, а не твое знание хабра. Я знаю, что у него большой проект и он имеет опыт использования grunt, поэтому вероятно знает многие его недостатки. А обзорная статья ни о чем не говорит, пока не закапываешься в дебри конфигов.
nib тоже не нужен при определенных условиях, однако если хочешь наворотов и удобства, без него очень тяжко.
Maxmaxmaximus14
25.03.2014, 13:34
Пишешь на стайлусе, префиксы добавляет myth. Хотя ниб не только для префиксов, там удобные свойства есть типа size, так что я использую еще и ниб тоже.
Не нужно на вопрос "kobezzza думаешь" тыкать в меня хабром.
Не плачь малыш, kobezzza тебе тоже ответит.
Maxmaxmaximus14
25.03.2014, 13:40
Tim, и да, кофескрипт мне тоже кажется дикостью. Цель языка быть очеивдным, он не очевидный. ecma6 лучше.
он не очевидный. ecma6 лучше.
бред
Не плачь малыш
Спасибо дедушка за твою заботу ;)
coffescript паттерны есть?
Maxmaxmaximus14
25.03.2014, 14:10
бред
бред
SASS, CoffeeScript
использовал, это всего лишь инструменты. на выходе получаем css + javascript.
Мне понравилось вот это видео - здесь используется связка SASS/Coffeescript/RequireJS (+ RequireJS Optimizer) + grunt.js
http://loftblog.ru/2013/05/26/vystraivaem-avtomatizirovannyj-process-raboty-sovremennogo-front-end-razrabotchika/
А Less кто-нибудь использует или я нуб?)
monolithed
25.03.2014, 15:36
А Less кто-нибудь использует или я нуб?)
Он же убог?
Кстати grunt может собирать несколько js продакшн файлов?
Например на сайте есть несколько проектов и у них используется одна библиотека. Нужен один package.json в корне сайта или пихать в каждую папку проекта свой package.json и запускать отдельно?
Он же убог?
Ему Ruby синтаксиса очень не хватает, а так то же sass
Кстати grunt может собирать несколько js продакшн файлов?
насколько мне известно, да
Например на сайте есть несколько проектов и у них используется одна библиотека. Нужен один package.json в корне сайта или пихать в каждую папку проекта свой package.json и запускать отдельно?
и так и так можно
kobezzza
25.03.2014, 17:36
Что думаешь по поводу Grunt vs Gulp?
В Gulp из коробки предусмотрена многопоточная сборка, что как правило положительно сказывается на скорости сборки, т.е. можно, например, собирать JS, параллельно с ним CSS и т.д. В Grunt это делается спец плагином.
Также отличается синтаксис описания файла сборки: в Gulp - это типичный JS на колбеках, а в Grunt декларация с помощью литерала объекта, т.е. кому как больше нравится.
Дополнительный плюс Grunt, что теперь он поддерживается из коробки в WebStorm 8.
Сейчас у меня везде бегает Grunt, особых нареканий нет.
Кстати grunt может собирать несколько js продакшн файлов?
Разумеется
kobezzza
25.03.2014, 17:41
Tim, и да, кофескрипт мне тоже кажется дикостью. Цель языка быть очеивдным, он не очевидный. ecma6 лучше.
Ты просто не умеешь его готовить:)
monolithed
25.03.2014, 19:05
Ему Ruby синтаксиса очень не хватает, а так то же sass
Ну например:
1. Самый простой вызов функции в LESS:
@fn: ~`fn = function (value) { return value; }`;
@arg: 8px;
p {
font-size: ~`fn("@{arg}")`;
}
2. В LESS нет операторов типа ветвления и перечисления
3. С препроцессингом нужны "танцы с бубном"
1. Самый простой вызов функции в LESS
@fn: ~`fn = function (value) { return value; }`;
@arg: 8px;
p {
font-size: ~`fn("@{arg}")`;
}
Ну это хак, возможность создать пользовательскую функцию не предусмотрена
.font-size (@value) {
font-size: @value;
}
@arg: 8px;
p {
.font-size(@arg);
}
или если хочется из миксина сделать что-то похожее на функцию
.calcFontSize(@value) {
@fontSize: @value;
}
@arg: 8px;
p {
.calcFontSize(@arg);
font-size: @fontSize;
}
В LESS нет операторов типа ветвления и перечисления
when и rest есть
В общем я понял, преимущество sass в возможности создавать пользовательские функции. Синтаксис без скобочек не интересует.
Синтаксис без скобочек не интересует.
Дело привычки. Можно привыкнуть и к тому и к другому. Других отличий не вижу.
monolithed
25.03.2014, 22:21
В общем я понял, преимущество sass в возможности создавать пользовательские функции. Синтаксис без скобочек не интересует.
Вообще вопрос был из темы какой "таз" лучше калина или приора.
Stylus/Styl - лучше
Эхх помню когда css препроцессоры только начинали появляться, я посоветовал однокурснику написать такой проект, что он и сделал https://code.google.com/p/extcss/. Все говорили, что это игрушки, и никто пользоваться не будет, а теперь это мейнстрим…
jade просто шикарен, БАЗОВЫЙ функционал млять, не реализован, жеесть
https://github.com/visionmedia/jade/issues/1481
http://habrahabr.ru/post/128645/
Остановился на SASS и SLIM. За компиляцию всего этого дела будет отвечать GRUNT. Будь я рубистом возможно GRUNT бы не понадобился http://guides.rubyonrails.org/asset_pipeline.html
http://html2slim.herokuapp.com/
Остановился на SASS и SLIM
Почему тогда не на Stylus и SLIM? Они имхо "два брата акробата" идеологически.
Stylus
Возможно присмотрюсь. Выбирал с оглядкой на московских коллег. Хм, плюнуть мб на них.... :-E
Хорошая идея блохастик
monolithed
31.03.2014, 23:03
Московские коллеги рады бы перейти с SASS на Stylus/Styl, но переписывать мегабайты кода никто не хочет :)
переписывать мегабайты кода никто не хочет
Дык никто и не заставляет. Тут ведь как, если надо, то пользуешься тем что в проекте, если не критично, то можно и что-то другое. Обычно в новые проекты не тянут старые велосипеды.
Это как грейсфул деградатион. Не использовать же всегда getElementBy... можно и на querySelector перейти уже.
https://twitter.com/PanyaKor/status/392769028541792256
monolithed
03.04.2014, 09:33
Обычно в новые проекты не тянут старые велосипеды.
Если когда-то была заложена концепция переносимой архитектуры (структура проекта, гайды, компоненты, миксины, сборщики, минификаторы и пр. инструменты), то начинать проект с чистого листа мало кто решится. :)
monolithed,
Давай, как обычно, все до абсурда доведем.
никто и не заставляет
Обычно в новые проекты не тянут старые велосипеды.
начинать проект с чистого листа мало кто решится
Я за что то среднее между этими вариантами. В новом проекте должно быть несколько новых велосипедов. Слишком много - гемор, нет совсем - делать не интересно.
l-liava-l
03.04.2014, 19:31
stylus/nib, grunt...
Мне дяденьки с форума посоветовали, я всем доволен)
у стайлуса нет обработки псевдо селекторов. интересно, она когда-нибудь появится?
l-liava-l,
Гроб то причём?
у стайлуса нет обработки псевдо селекторов. интересно, она когда-нибудь появится?
Что за обработка?
.bla
&:nth-child
width 100px
//компилится в
.bla:nth-child {
width: 100px;
}
l-liava-l
03.04.2014, 20:40
l-liava-l,
Гроб то причём?
:lol: Он мне уже мерещица.....
Не ставьте на yoga 2 линукс и живите спокойно..
Grunt конешна, очепятался просто
в stylus до сих пор нет поддержки псевдо элементов. вообще не нравится этот факт
Приведи пример, не понимаю.
monolithed
03.04.2014, 21:02
у стайлуса нет обработки псевдо селекторов. интересно, она когда-нибудь появится?
в stylus до сих пор нет поддержки псевдо элементов. вообще не нравится этот факт
Максимус, перелогинься :D
p::first-letter
color red
http://learnboost.github.io/stylus/try.html
kobezzza
03.04.2014, 23:22
Приведи пример, не понимаю.
Я думаю, что имелось ввиду, что нельзя в Stylus делать перегрузку селекторов, чтобы прозрачно подключать полифилы, как это сделано для свойств и функций.
kobezzza,
Приведи пример, не понимаю.
monolithed
03.04.2014, 23:43
Я думаю, что имелось ввиду, что нельзя в Stylus делать перегрузку селекторов, чтобы прозрачно подключать полифилы, как это сделано для свойств и функций.
If someone would send us a PR that would do something like that and wouldn't bloat the codebase much — we could think on including it, but this is really a task for something like rework.
Вся надежда на Максимуса :D
Gozar,
https://github.com/LearnBoost/stylus/issues/1330
kobezzza
03.04.2014, 23:56
gozar,
Пишем:
::placeholder {
...
}
Получаем:
::placeholder {
...
}
::-moz-placeholder {
...
}
::-webkit-input-placeholder {
...
}
:-ms-input-placeholder {
...
}
Сейчас так в Stylus не сделаешь, вернее сделаешь но с введением специального синтаксиса, что не тру, а ведь именно поддержка такой бесшовной интеграции в свойствах и функциях дало Stylus перевес над SASS.
Пока разработчики кидают ссылку на Rework, мол там так моно, юзайте его дополнительно :)
Grunt конешна, очепятался просто
Gulp православнее :)
Максимус, перелогинься :D
p::first-letter
color red
http://learnboost.github.io/stylus/try.html
Вся надежда на Максимуса :D
Gozar,
https://github.com/LearnBoost/stylus/issues/1330
там ещё от меня issue :)
https://github.com/LearnBoost/stylus/issues/1371
эко как форум на марума заглючило. он вам ночами не снится?
Сейчас так в Stylus не сделаешь, вернее сделаешь но с введением специального синтаксиса, что не тру, а ведь именно поддержка такой бесшовной интеграции в свойствах и функциях дало Stylus перевес над SASS.
Пока разработчики кидают ссылку на Rework, мол там так моно, юзайте его дополнительно :)
Я решил хаком :)
http://javascript.ru/forum/xhtml-html-css/44730-stylus-fishka.html
kobezzza
05.04.2014, 00:03
Я решил хаком :)
Ну это понятно, но это не тру :)
l-liava-l
05.04.2014, 12:55
Gulp православнее
попробуемс)
Не успел я приобщиться к Grunt'у, как все уже перешли на Gulp, весело живем:)
К 30ку самообразование уже надоедает. У меня родственник - переводчик. Он за год английский освоил и работает. Дак вот, английский из моды не выйдет и не изменится. Гражданский летчик на другой тип судна переучивается после выпуска и летает всю жизнь часы налетывает, а потом командир. А программист? Постоянно догоняет последний вагон поезда.
:)
Gulp православнее
mincer (https://github.com/nodeca/mincer) аля Assets Pipeline из рельс
Совсем недавно начал использовать grunt. В общем решил использовать sass из-за поддержки sourcemap, но не завелось в 34 chrome почему-то, раньше поддержка из экспериментальных опций включалась, но теперь её нет и видимо сделали из коробки и что-то не работает. По поводу gulp решил для себя через grunt-concurrent, но скорее всего просто перейду на gulp, если в webstorm будет поддержка.
Сейчас думаю над тем зачем мне haml и почему не slim.
vBulletin® v3.6.7, Copyright ©2000-2025, Jelsoft Enterprises Ltd. Перевод: zCarot