Урок 4: Less - предпроцессор CSS. Переменные, примеси, функции и вложенности. Работа в PHPStorm

План:

  • Less - предпроцессор CSS
  • Переменные
  • Примеси
  • Функции
  • Условные операторы
  • Вложенности
Доступ к видео-уроку, а так же к домашним заданиям и дополнительному материалу откроется после оплаты за урок или курс.

Описание:

Less - предпроцессор CSS, который представляет следующий механизм: мы пишем .less файл, а потом запускаем компилятор, который LESS-код переконвертирует (компилирует) в CSS. Сам CSS файл мы уже подключаем на странице.

На простом языке - мы пишем тот же CSS файл, но с расширенными возможностями, которые упрощают нам написание кода и избавляют от *нудного копипаста*.

Благодаря поддержки LESS в PHPStorm работать стало ещё проще, нам достаточно создать файл с расширением .less, написать код и сохранить. При правильной настройке во время сохранения изменений файла .less будет автоматически создан файл с расширением .css.

Но LESS не единственный предпроцессор, его конкуренты - SASS, STYLUS, и они так же хороши. В данном уроке мы изучим только LESS, нет смысла учить ВСЁ, просто несколько конкурирующих технологий, работающих по одной и той же схеме. Почему именно LESS, а не SASS? Просто так сложились звёзды, глянул разницу и остановился на том, чей синтаксис показался милее моим глазам.
Главная БАЗОВЫЙ КУРС ПЕРВЫЙ УРОВЕНЬ программирования ВТОРОЙ УРОВЕНЬ верстки ВТОРОЙ УРОВЕНЬ программирования Начать обучение Запуск проекта Мелкие трюки Проверь свои знания Задачи по PHP MySQL Блог Отзывы