В чем преимущества использования CSS — препроцессоров? Какой выбрать?

Question

[svilkov87]

Всем добрый день!
Сейчас я стою на распутье - какой css- препроцессор стоит изучать и применять на практике?
Довольно трудно найти в сети ответ на этот вопрос, поэтому пишу на тостер.

Хотелось бы услышать мнение спецов, а так же получить ответы на такие вопросы как:
- почему css-препроцессоры пользуются такой популярностью?
- почему знание и владение ими - одно из условий в тексте вакансий, по рынку труда?
- владение ими - экономия времени при работе над проектом?
- что еще??

Около 1 года верстаю на чистом css + jquery.
Спасибо.

Comments

[pashted]

какой вам больше нравится , на таком и верстайте. на выходе код будет такой же

[zooks]

Neoline: наверное я вас удивлю, но синтаксис scss также похож на css.

[Дмитрий Беляев]

Neoline: добавлю к zooks, что если в scss просто вставить css - все будет валидно, для less - нет

Answer 1

[zooks]

Выбрать SASS.
Экономия времени, с препроцессорами можно больше сделать. Более структурированный код. Миксины и плейсхолдеры. Автоматическая простановка префиксов с помощью autoprefixer.

Comments

[Сергей delphinpro]

autoprefixer получает на вход уже скомпилированный css, а значит подключать его можно независимо от использования препроцессора. В остальном согласен. Ставлю плюс за выбор scss.

[zooks]

Сергей: мой выбор - синтаксис SASS :) Указал autoprefixer, чтобы автор не мучился со всякими компасами.

Answer 2

[Андрей Б.]

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

Какой выбрать - любой.
В основном используется LESS или SASS(SCSS), второй немного мощней первого.
Сейчас писать на одном из препроцессоров уже само собой разумеющееся. Поэтому этот скил необходимо иметь в багаже. Без него, я бы на месте работодателя задумался о вашей профпригодности как специалиста.

Comments

[svilkov87]

а если, скажем, мне передают чужой проект, который написан на less или вообще на чистом css? В этом случае sass я не смогу использовать!?

[Андрей Б.]

svilkov87 Ну а как вы себе представляете компиляцию одного CSS двумя препроцессорами? ) Дадут LESS, пишите на LESS. Переключаться между ними не проблема.

Answer 3

[andead]

Выбирайте SASS/SCSS, он лидирует по любым опросам и статистикам - stateofjs.com/2016/css
Сэкономите время на написание кода.

Answer 4

[Олег]

Советую выбрать Stylus + PostCSS.

Answer 5

[RoverWhite]

Вот статья по теме https://habrahabr.ru/post/144309/

А вообще зачем какой-то выбирать?
Изучите SASS
Затем изучите LESS
Затем Stylus
поймите все преимущества и недостатки каждого и будет Вам счастье, заодно станете экспертом по препроцессорам CSS

Answer 6

[Bjornie]

Использую LESS. С данным препроцессором (как и с любым другим) можно намного ускорить написание вашего ксс-кода + файлы со стилями будут намного структурированными (намного короче благодаря синтаксису). Плюс ваш код станет намного короче, благодаря реиспользуемым частям кода (миксины).

В них есть переменные, которые помогают задать, например, цветовую схему. Думаю сами поймете в чем здесь преимущество.

После генерации файлы препроцессора становится обычным css-файлов.