Jade — препроцессор HTML и шаблонизатор

Jade – препроцессор HTML и шаблонизатор, который написан на JavaScript для Node.js.
В этой статье мы будем рассматривать Jade в основном как препроцессор для HTML + некоторые возможности шаблонизации, которые будут полезны при верстки.
Если вы уже, когда-либо имели знакомство с CSS-препроцессорами, то вам наверняка известны все положительные стороны использования препроцессоров, если нет, тогда объясним для начала, почему нужно использовать Jade. Continue reading

Начинаем использовать SASS

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

Язык Sass имеет два синтаксиса:

  • старый — sass — отличается отсутствием фигурных скобок, в нём вложенные элементы реализованы с помощью отступов;
  • новый — SCSS (Sassy CSS) — использует фигурные скобки, как и сам CSS.

В данной статье мы будем рассматривать  новый синтаксис SCSS, потому как он более новый, порог вхождения ниже, чем у оригинального SASS и он является обратносовместимым с CSS.
Continue reading