Изучить Less и Sass: часть первая - LESS

Честно сказать, я удивлена тому, что тут нет ни одной цели посвящённой изучению препроцессоров... Хотя, возможно просто никто не выносит это в отдельную цель. Ну что ж, значит я буду первой!)

Начну с определений:

Sass (Syntactically Awesome Stylesheets) — модуль, включенный в Haml. Sass — это метаязык на основе CSS, предназначенный для увеличения уровня абстракции CSS кода и упрощения файлов каскадных таблиц стилей. (о, Боже, википедия, не грузи!)

Less - это динамический язык стилей, который разработал Alexis Sellier. Он создан под влиянием языка стилей Sass, и, в свою очередь, оказал влияние на его новый синтаксис «SCSS», в котором также использован синтаксис, являющийся расширением CSS. Это CSS препроцессор, расширяющий язык CSS поддержкой переменных, примешиваний (миксинов; mixins), функций и многих других вещей, что позволяет сделать CSS более поддерживаемым, тематизируемым и расширяемым.

Вы ещё здесь?! Не переживайте, я и сама понимаю не намного больше вашего)

Если объяснить проще - это технологии, которые помогают ускорить написание css-кода и упрощают его изменение в будущем. Простой пример - на сайте используется красный шрифт, без этих технологий вам приходится задавать этот цвет много раз для каждого элемента в отдельности, а если вы решите со временем поменять оттенок красного - вам нужно будет его изменять опять-таки для каждого элемента. С этими технологиями цвет 1 раз присваивается переменной и уже эта переменная прописывается для каждого элемента. Если вы решите поменять оттенок цвета на этот раз, вам нужно будет поменять его только в одном месте. Это, в общих чертах, моё мнение насчёт Sass и Less на данный момент, посмотрим, как оно поменяется по итогу.

Для чего это вообще нужно и нужно ли это вообще?

Я работаю веб-разработчиком уже 3 года и всё это время мне удавалось обходиться без препроцессоров. Справедливости ради надо заменить, что эти технологии стали популярны не так давно - примерно 1-1,5 года назад, с появление Twitter Bootstrap Framework'а, в состав которого они входят и без которого я тоже благополучно обходилась (наиболее частая фраза со стороны моих заказчиков - "Только не bootstrap!"). Т.е. я могла бы без этого прожить, но...

Но, во-первых, у меня есть цель выйти на Themeforest - а там Bootstrap как-раз таки очень моден, а если есть спрос, то должно быть и предложение. Опять-таки, использовать Bootstrap ещё не означает использовать Less&Sass, можно обойтись и без них, но с ними круче - вероятность того, что выберут именно мой шаблон повышается.

Во-вторых, просьбы использовать Sass периодически бывают, пора бы уже это дело изучить. Я считаю, что лучше знать и не использовать, чем не знать и из-за этого упустить проект.

А в-третьих, я ещё с прошлой жизни мечтаю узнать, что же на самом деле лучше - Less или Sass?!

На этой позитивной ноте и приступим, пожалуй!)