Как организовать работу с HAML и SASS?

Question

[Александр Панков]

Здравствуйте.
Можете рассказать или ссылки дать, где почитать о HAML

До этого времени я использовал чистый html\css ну еще gulp.
Сейчас решил перейти на HAML и SCSS

так вот можете сказать что там от чего зависит?
А то захожу на haml.info и не понимаю даже с чем его едят.

что за GEM (типо npm только для руби)
что за .erb и .haml (отличия)
Чем отличаются SASS SCSS и все такое?

Вообще все эту кухню, я понимаю что я и сам нагуглю, но это будет дольше, а тут все собрать если, то пригодится не только мне...

1) как использовать haml (зависимости какие - руби там, гем какой-то, что это и ЗАЧЕМ)
2) отличие и что это такое - SASS SCSS COMPAS
3) как работу организовать со всем этим делом....

Давайте подискутируем, расставим все по полочкам? Кто как для себя это понял и использует?

Comments

[Yuri Shikanov]

Может все таки SASS (Sass: Syntactically Awesome Style Sheets), а не SAAS (software as a service)

[Александр Панков]

ну конечно, я вроде так и написал

Answer 1

[codingal]

HAML компилируется в html также как и дефолтные для рельсов html.erb, но если во втором случае используется html с вкраплениями ruby кода, то у хамла отличный синтаксис без скобочек и закрывающих тэгов. Использовать просто - прописываем гем в гемфайл и создаем вьюшки уже с таким расширением, на сервере соберется хтмль в результате. Стоит ли использовать - дело вкуса, многим нравится, т.к. выглядит симпатичнее из-за меньшего кол-ва символов.
SASS - позволяет объявлять переменные, циклы, объекты на цсс, что значительно ускоряет работу. Если незнакомы с ним, то в файлы с расширением .scss можно писать и обычный цсс и постепенно рефакторить переводя на SASS - это очень удобно.

Answer 2

[caution]

haml.info