Несколько вопросов о препроцессорах CSS?

Question

[Nikita Shchypylov]

Всем привет
Я верстальщик, css код пишу по обычному и решил попробовать препроцессор, но есть пара вопросов:

1)Какой стоит учить?Less, Sass?
2)Как они помогают писать код?Косвенно или напрямую?
3)Как другие люди будут понимать мой код, если он написан на Less?

Спасибо

Answer 1

[Fahrenhe17]

1) Лично для меня лучше sсss. Плюс ко всему он дефолтный в рельсах. А вообще - по мне так не стоит зацикливаться какой лучше учить. Там учить практически нечего. Можно освоить все, пригодятся, а писать лично свой код на любом понравившемся.
2) Переменные, наследование, миксины, библиотеки миксинов, циклы, conditions и т.д.
3) Скорее дефолтный css "поймут" меньше людей, нежели less / sсss / stylus. Опять же скажу лично от себя, что как человеку работающему в основном на back-end'е, дефолтный вид наследования в css меня иногда вводит в ступор.

Answer 2

[Денис Букреев]

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

юзай так же сборщик gulp

Comments

[Nikita Shchypylov]

Что такое сборщик?Там кабанчик желтенький?)
Хорошо, спасибо за ответ

[Fahrenhe17]

Nikita Schipilov: сборщик тебе собирает интерпритируемые языки. stylus > css, coffeescript > js.
p.s. желтый кабанчик это грунт. Галп - это красный коктейль)

[Nikita Shchypylov]

Fahrenhe17: куда собирает?по папкам сортирует?
дал оплошность)

[Fahrenhe17]

Nikita Schipilov: хорошо, компилирует, если так можно выразиться. То, что Вы написали на препроцессоре он "собирает" в обычный css файл, который в свою очередь и читает браузер.

[Nikita Shchypylov]

Fahrenhe17: В чем отличие между терминаловским '--watch test.scss:test.css'?

[Fahrenhe17]

Nikita Schipilov: Намного более гибкий и дает больше возможностей. Может интерпретировать разные форматы, запускать локальный сервер и вообще все, что хочешь. https://css-tricks.com/gulp-for-beginners/

[Денис Букреев]

Nikita Schipilov: в общем, смотри как у меня идет работа:

Я пишу стили на языке препроцессора stylus, сохраняю файл

Далее Gulp автоматически берет сохраненный мною файл, компилирует его в css, обрабатывает, добавляет свойства для старых браузеров, ужимает и сохраняет все в css - проходит десятая секунды, а у меня уже все стили сжаты и оптимизированны

Более того, если файлов стилей много, Gulp их всех собирает в один и так же оптимизирует и минифицирует

Таким же образом можно поступать с изображениями и скриптами, html

Остается только стили писать и больше ни о чем не заботиться)

[Денис Букреев]

Nikita Schipilov: просто посмотри пару десятиминутных обзоров этих сборщиков и препроцессоров и все поймешь и определишься с тем, что тебе надо