На сегодняшний день в веб разработке имеется достаточно большой стек технологий которые упрощают жизнь, одно из них это SCSS / SASS. Мой совет всем начинающий сразу начинать с него и просто почаще смотреть результат который выводится в style.css. Это поможет вам легче писать код и понимать CSS.
Ниже вы видите сравнение vannila css и SCSS:
Казалось бы, не так сложно ведь прописать эти стили, и не нужно настраивать gulp / prepros а поподробнее о них в этой статье. Но когда бы пишем код в большом проекте, то нам требуется оптимизированный, структурированный а главное валидный код.
SASS vs SCSS.
Многие кто в первый раз знакомятся с препроцессором задаются вопросом о выборе между SASS и SCSS. В чем же отличие?
Держите другой пример, где наглядно видно различие:
На первый взгляд может показаться что SASS выглядит опрятней SCSS, но это сугубо у каждого свое. Новичкам же могу посоветовать попробовать SASS, вам будет более привычнее. Так как старички веба которые успели достаточно проверстать сайты, не могут привыкнуть к новому синтаксису.
Я считаю SCSS нужно применять в любом проекте, это намного упрощает работу не нужно думать о мелочах в мелких проектах.
Вы спросите меня, а как же препроцессор LESS? И я вам отвечу данный препроцессор проигрывает SASS по всем параметрам. Вот вам пример:
Стоит отметить наличие @mixin, в синтаксисе препроцессора SASS, это помогает делая свои заготовки и ускоряет работу. Например вычитание пикселей шрифтов.
Более того у Less трудный синтаксис, намного проще и эффективней использовать SASS/SCSS. Но справедливости ради LESS такой же мощный препроцессор и если он вам по душе, на здоровье! Главная мысль это не писать на чисто CSS, это уже не правильно. Разработка растет и мы всегда будем отходить от старого.
Желаю удачи в освоении web-разработки! А вы чем пользуетесь? SASS или же LESS? Напишите в комментарии.
