Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   HAML, SLIM, SASS, CoffeeScript и прочее. Что вы реально используете в работе? (https://javascript.ru/forum/offtopic/46017-haml-slim-sass-coffeescript-i-prochee-chto-vy-realno-ispolzuete-v-rabote.html)

Tim 25.03.2014 09:43

HAML, SLIM, SASS, CoffeeScript и прочее. Что вы реально используете в работе?
 
Просто интересно. Я совсем недавно считал CoffeeScript извращением, а теперь вроде даже удобнее.

Gozar 25.03.2014 11:36

Stylus+nib - без него чувствую себя неудобно.
Gulp на очереди. Пока пользуюсь GCC.

animhotep 25.03.2014 11:43

я только SASS, остальное пока кажется извращениями

kobezzza 25.03.2014 12:31

Stylus+Nib, Snakeskin, GCC, Grunt.

Tim 25.03.2014 12:40

Цитата:

Сообщение от kobezzza
Grunt

С грантом кст разобрался недавно. Помогла статья Grunt для тех, кто считает штуки вроде него странными и сложными. Наш форумчанин subzey перевёл.

Gozar 25.03.2014 12:44

Цитата:

Сообщение от kobezzza
Grunt.

Что думаешь по поводу Grunt vs Gulp?

Tim 25.03.2014 12:58

Почему мы стали использовать препроцессор Stylus в Яндекс.Почте, а также о библиотеке, помогающей жить с IE

Tim 25.03.2014 13:07

Цитата:

Сообщение от Gozar
Что думаешь по поводу 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 лучше.

Gozar 25.03.2014 13:25

Цитата:

Сообщение от Tim
http://habrahabr.ru/post/215131/

Не нужно на вопрос "kobezzza думаешь" тыкать в меня хабром. Мне интересны мысли kobezzza, а не твое знание хабра. Я знаю, что у него большой проект и он имеет опыт использования grunt, поэтому вероятно знает многие его недостатки. А обзорная статья ни о чем не говорит, пока не закапываешься в дебри конфигов.

nib тоже не нужен при определенных условиях, однако если хочешь наворотов и удобства, без него очень тяжко.

Maxmaxmaximus14 25.03.2014 13:34

Пишешь на стайлусе, префиксы добавляет myth. Хотя ниб не только для префиксов, там удобные свойства есть типа size, так что я использую еще и ниб тоже.

Tim 25.03.2014 13:39

Цитата:

Сообщение от Gozar
Не нужно на вопрос "kobezzza думаешь" тыкать в меня хабром.

Не плачь малыш, kobezzza тебе тоже ответит.

Maxmaxmaximus14 25.03.2014 13:40

Tim, и да, кофескрипт мне тоже кажется дикостью. Цель языка быть очеивдным, он не очевидный. ecma6 лучше.

Tim 25.03.2014 13:42

Цитата:

Сообщение от Maxmaxmaximus14
он не очевидный. ecma6 лучше.

бред

Gozar 25.03.2014 13:49

Цитата:

Сообщение от Tim
Не плачь малыш

Спасибо дедушка за твою заботу ;)

coffescript паттерны есть?

Maxmaxmaximus14 25.03.2014 14:10

Цитата:

Сообщение от Tim
бред

бред

Shaci 25.03.2014 14:51

Цитата:

Сообщение от Tim
SASS, CoffeeScript

использовал, это всего лишь инструменты. на выходе получаем css + javascript.
Мне понравилось вот это видео - здесь используется связка SASS/Coffeescript/RequireJS (+ RequireJS Optimizer) + grunt.js
http://loftblog.ru/2013/05/26/vystra...razrabotchika/

Octane 25.03.2014 15:00

А Less кто-нибудь использует или я нуб?)

monolithed 25.03.2014 15:36

Цитата:

Сообщение от Octane
А Less кто-нибудь использует или я нуб?)

Он же убог?

Gozar 25.03.2014 16:08

Кстати grunt может собирать несколько js продакшн файлов?

Например на сайте есть несколько проектов и у них используется одна библиотека. Нужен один package.json в корне сайта или пихать в каждую папку проекта свой package.json и запускать отдельно?

Tim 25.03.2014 16:24

Цитата:

Сообщение от monolithed
Он же убог?

Ему Ruby синтаксиса очень не хватает, а так то же sass

nerv_ 25.03.2014 17:02

Цитата:

Сообщение от Gozar
Кстати grunt может собирать несколько js продакшн файлов?

насколько мне известно, да

Цитата:

Сообщение от Gozar
Например на сайте есть несколько проектов и у них используется одна библиотека. Нужен один 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

Цитата:

Сообщение от Maxmaxmaximus14 (Сообщение 304147)
Tim, и да, кофескрипт мне тоже кажется дикостью. Цель языка быть очеивдным, он не очевидный. ecma6 лучше.

Ты просто не умеешь его готовить:)

monolithed 25.03.2014 19:05

Цитата:

Сообщение от Tim
Ему Ruby синтаксиса очень не хватает, а так то же sass

Ну например:

1. Самый простой вызов функции в LESS:

@fn: ~`fn = function (value) { return value; }`;

@arg: 8px;

p {
    font-size: ~`fn("@{arg}")`;
}


2. В LESS нет операторов типа ветвления и перечисления

3. С препроцессингом нужны "танцы с бубном"

Octane 25.03.2014 19:46

Цитата:

Сообщение от monolithed
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;
}



Цитата:

Сообщение от monolithed
В LESS нет операторов типа ветвления и перечисления

when и rest есть


В общем я понял, преимущество sass в возможности создавать пользовательские функции. Синтаксис без скобочек не интересует.

Tim 25.03.2014 20:16

Цитата:

Сообщение от Octane
Синтаксис без скобочек не интересует.

Дело привычки. Можно привыкнуть и к тому и к другому. Других отличий не вижу.

monolithed 25.03.2014 22:21

Цитата:

Сообщение от Octane (Сообщение 304224)
В общем я понял, преимущество sass в возможности создавать пользовательские функции. Синтаксис без скобочек не интересует.

Вообще вопрос был из темы какой "таз" лучше калина или приора.
Stylus/Styl - лучше

Octane 26.03.2014 02:54

Эхх помню когда css препроцессоры только начинали появляться, я посоветовал однокурснику написать такой проект, что он и сделал https://code.google.com/p/extcss/. Все говорили, что это игрушки, и никто пользоваться не будет, а теперь это мейнстрим…

GOD 30.03.2014 04:14

jade просто шикарен, БАЗОВЫЙ функционал млять, не реализован, жеесть

https://github.com/visionmedia/jade/issues/1481

Tim 31.03.2014 17:12

http://habrahabr.ru/post/128645/

Остановился на SASS и SLIM. За компиляцию всего этого дела будет отвечать GRUNT. Будь я рубистом возможно GRUNT бы не понадобился http://guides.rubyonrails.org/asset_pipeline.html


http://html2slim.herokuapp.com/

Gozar 31.03.2014 19:18

Цитата:

Сообщение от Tim
Остановился на SASS и SLIM

Почему тогда не на Stylus и SLIM? Они имхо "два брата акробата" идеологически.

Tim 31.03.2014 20:18

Цитата:

Сообщение от Gozar
Stylus

Возможно присмотрюсь. Выбирал с оглядкой на московских коллег. Хм, плюнуть мб на них.... :-E

Хорошая идея блохастик

monolithed 31.03.2014 23:03

Московские коллеги рады бы перейти с SASS на Stylus/Styl, но переписывать мегабайты кода никто не хочет :)

Gozar 01.04.2014 00:25

Цитата:

Сообщение от monolithed
переписывать мегабайты кода никто не хочет

Дык никто и не заставляет. Тут ведь как, если надо, то пользуешься тем что в проекте, если не критично, то можно и что-то другое. Обычно в новые проекты не тянут старые велосипеды.

Это как грейсфул деградатион. Не использовать же всегда getElementBy... можно и на querySelector перейти уже.

Octane 03.04.2014 07:50

https://twitter.com/PanyaKor/status/392769028541792256

monolithed 03.04.2014 09:33

Цитата:

Сообщение от Gozar (Сообщение 305401)
Обычно в новые проекты не тянут старые велосипеды.

Если когда-то была заложена концепция переносимой архитектуры (структура проекта, гайды, компоненты, миксины, сборщики, минификаторы и пр. инструменты), то начинать проект с чистого листа мало кто решится. :)

Gozar 03.04.2014 12:10

monolithed,
Давай, как обычно, все до абсурда доведем.

Цитата:

Сообщение от Gozar
никто и не заставляет


Tim 03.04.2014 13:24

Цитата:

Сообщение от Gozar
Обычно в новые проекты не тянут старые велосипеды.

Цитата:

Сообщение от monolithed
начинать проект с чистого листа мало кто решится


Я за что то среднее между этими вариантами. В новом проекте должно быть несколько новых велосипедов. Слишком много - гемор, нет совсем - делать не интересно.

l-liava-l 03.04.2014 19:31

stylus/nib, grunt...
Мне дяденьки с форума посоветовали, я всем доволен)


Часовой пояс GMT +3, время: 00:35.