От автора: Sass – это препроцессор CSS, с помощью которого можно снизить количество повторяющегося CSS кода и сэкономить время. Это более стабильное расширение CSS, четко и структурно описывающее стили документа.
История
Стили Sass были спроектированы Hampton Catlin и разработаны Natalie Weizenbaum в 2006. Позже Weizenbaum и Chris Eppstein использовали первую версию и расширили Sass до SassScript.
Зачем использовать Sass?
Это язык препроцессинга с внутренним синтаксисом (своим собственным) CSS.
Он обеспечивает некоторые функции, с помощью которых можно создавать стили намного эффективнее. Также такие стили проще обслуживать.
Это расширение CSS, т.е. он содержит все возможности CSS и является open source проектом на Ruby.
Он приводит стили документа в хороший, структурированный формат, в отличие от плоского CSS. Он задействует повторно используемые методы, логические выражения и пару встроенных функций типа манипуляции с цветами, математические списки и списки параметров.
Возможности Sass
Он стабильнее, мощнее и совместим с версиями CSS.
Это расширение CSS, основанное на JS.
Это синтаксический сахар для CSS, т.е. он облегчает пользователям чтение и позволяем им более четко выражать свои мысли.
Он использует свой собственный синтаксис и компилируется в читаемый CSS.
Вы с легкостью можете писать меньше CSS и тратить на него меньше времени.
Это open source препроцессор, который интерпретируется в CSS.
Преимущества Sass
Он позволяет писать чистый CSS-код в стиле языков программирования.
Он позволяет писать CSS быстро.
Это расширение CSS, с помощью которого дизайнеры и разработчики могут работать намного эффективнее и быстрее.
Sass совместим со всеми версиями CSS, использовать можно любые доступные CSS-библиотеки.
В нем можно использовать синтаксис вложенности и такие полезные функции, как манипуляция с цветами, математические и другие значения.
Недостатки Sass
Разработчику понадобится некоторое время на изучение возможностей препроцессора.
Если над одним сайтом работает много человек, то им нужно использовать один препроцессор. Некоторые используют Sass, другие обычный CSS для редактирования файлов напрямую. Это усложняет работу над сайтом.
Есть шанс потерять возможность использовать встроенный в браузер инспектор элементов.
Источник: //www.tutorialspoint.com/
Редакция: Команда webformyself.
