Использование CSS препроцессоров для экономии времени

Препроцессоры (также известные как прекомпиляторы) могут существенно облегчить вашу жизнь, избавляя от повторения кода и предлагая все виды "вкусных" экономящих время и код функциональных возможностей. Если вы использовали Rails, вы уже знакомы с SASS, потому что он уже туда интегрирован. Если вы не используете Rails, то возможно придется добавить несколько дополнительных шагов к вашему рабочему процессу, чтобы настроить препроцессор, но оно того стоит.

Пункты для размышления

  • Что такое препроцессор?
  • Чем хороши препроцессоры?
  • Что означает, что препроцессор "компилирует в CSS"?
  • Что такое SASS/SCSS?
  • Как использовать SASS для создания вложенных CSS?
  • Как использовать SASS для работы с переменными в вашем коде?
  • Почему использование миксинов (mix-ins) с SASS так здорово?
  • Если вы не используете Rails, как настроить SASS?
  • Что такое LESS и чем он отличается от SASS?
  • Какие еще бывают препроцессоры?

Задание

  1. Прочитайте Введение в CSS препроцессоры от Стивена Бредли (Steven Bradley)
  2. Прочитайте 10 причин для использования препроцессоров
  3. Прочитайте про выбор правильного CSS препроцессора от Treehouse
  4. Просмотрите руководство по первым шагам в SASS, которое предоставляет краткий обзор интересных функциональных возможностей
  5. Обзор от A List Apart о том, как использовать SASS (большое количество лучших практик), прочитайте и наслаждайтесь!
  6. Почему стоит использовать препроцессоры (рус.яз.)
  7. Прочитайте Изучаем SASS: руководство для новичка или Руководство по SASS для абсолютных новичков на русском.
  8. Разбираемся в отличиях препроцессоров CSS (рус.яз.)

Дополнительные ресурсы

Этот раздел содержит полезные ссылки на дополнительные материалы. Они не обязательны, так что расценивайте их как нечто полезное, если вы хотите поглубже погрузиться в тему.

Поделиться уроком: