Веб-программирование

Меньше и дерзче
Фреймворки предварительной обработки Less и Sass основаны на CSS и предоставляют разработчикам массу удобств и дополнительных возможностей при работе с CSS. С его помощью можно будет сэкономить время, необходимое для создания сайта, и написать относительно меньше кода. Вы даже можете подойти к написанию стилей сайта с помощью этих двух языков программирования.
LESS (Leaner Style Sheets) — динамический язык стилей, разработанный Алексисом Селье. На него повлиял язык стиля Sass, который, в свою очередь, повлиял на его новый синтаксис «SCSS», который также использует синтаксис, являющийся расширением CSS [1].
LESS — это продукт с открытым исходным кодом. Его первая версия была написана на Ruby, но в более поздних версиях было решено отказаться от использования этого языка программирования в пользу JavaScript. Меньше встроенного метаязыка: текущий CSS будет меньше программирования с похожей семантикой.
LESS предоставляет следующие расширения CSS: переменные, вложенные блоки, примеси, операторы и функции.
LESS может работать на стороне клиента (Internet Explorer 6+, WebKit, Firefox) или на стороне сервера с помощью Node.js или Rhino.
Sass (синтаксически совершенные таблицы стилей) — это модуль, входящий в состав Haml. Sass — это метаязык, основанный на CSS, предназначенный для повышения уровня абстракции кода CSS и упрощения каскадных файлов таблиц стилей.
Sass имеет два синтаксиса:
sass — характеризуется отсутствием фигурных скобок, в которых вложенные элементы реализованы с помощью отступов;
SCSS (Sassy CSS) — использует фигурные скобки, как и сам CSS.
Bootstrap, Materialise, Foundation и другие CSS-фреймворки.

Эти фреймворки предлагают разработчику практически готовые элементы сайта. С их помощью часто используемые элементы можно создать за несколько минут. Каждый из них имеет свои элементы стиля. Также включены материальные и плоские стили. Есть даже фреймворк, делающий сайт похожим на нарисованный на бумаге — http://www.getpapercss.com.