Объясните мне пожалуйста, как можно заниматься версткой используя SASS?

Question

[bpGusar]

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

И вот мне стал интересен SASS, попробовал не на макете, а так просто спонтанно, и вроде норм !!НО!! как мне верстать с его помощью если я всегда делал это только через консоль?

Может быть я старомоден, пытаюсь развиться, но никак не могу даже представить как я буду это делать.

Спасибо за помощь если кто то вообще откликнется!

Answer 1

[sim3x]

Тоже самое, только все пишем сразу в файл, по макету, который уже в голове разобрали на блоки и стили

Раз в пару минут смотрим в браузер, чтоб проверить что нет отклонения от задумки

А стили в бекграунде собирает гульп или вебпак

Comments

[Алексей Уколов]

В Хроме можно workspace настроить и писать сразу там — всё автоматом будет сохраняться. Сборку только ещё нужно поднять и сорсмапы.

[sim3x]

Алексей Уколов,

50_shades_of_gray.png

Answer 2

[Serzio]

ну если делать прямо как Вы, то действительно не очень удобно.
Sass хорош для модульной верстки типо БЭМ и в больших проектах. Хотя я его по привычке уже везде пихаю.
Процентов на 70% код я пишу в редакторе даже не заглядывая в браузер. И только в конце уже подгоняю все под pixel-perfect. Попробуйте поверстать так. Вообще в Sass куча полезных фишек. Даже все не перечислю, т.к. от CSS отвык давно

Answer 3

[Монти Пайтон]

avocode и sketchapp не пробовали?