Less

Материал из Энциклопедия интернет-маркетинга MarketWiki

Less (Leaner Style Sheets) - это CSS-препроцессор, который расширяет возможности обычного CSS с помощью переменных, вложенных правил, функций и других инструментов, упрощающих разработку и сопровождение стилей веб-сайтов.

В интернет-маркетинге Less применяется при разработке корпоративных сайтов, интернет-магазинов, лендингов и других цифровых продуктов, позволяя быстрее создавать и поддерживать единый дизайн, а также оперативно проводить ребрендинг.

Коротко: Less - язык расширения CSS, который делает разработку стилей более удобной и структурированной. Добавляет переменные, вложенность и функции, которых нет в обычном CSS.

Суть Less

[править]

Обычный CSS плохо подходит для крупных проектов. Less добавляет возможности, отсутствующие в стандартном CSS:

  • Переменные (начинаются со знака @).
  • Вложенность.
  • Миксины (mixins).
  • Математические операции.
  • Функции.
  • Импорт файлов.

Перед публикацией Less автоматически компилируется в обычный CSS.

Пример

[править]

Без Less изменение фирменного цвета требует исправления множества строк. В Less достаточно изменить значение одной переменной, после чего изменения автоматически применяются ко всему проекту.

Less и Sass

[править]

Less и Sass - 2 главных препроцессора. Они делают одно и то же, но есть различия:

  • Less написан на JavaScript, ближе к CSS, проще для начинающих.
  • Sass (SCSS) - лидер на рынке, используется в большинстве крупных проектов (Bootstrap), даёт больше возможностей.

Роль в интернет-маркетинге

[править]

Less помогает:

  • Ускорить разработку сайтов.
  • Поддерживать единый фирменный стиль.
  • Уменьшить количество ошибок.
  • Быстрее обновлять дизайн (ребрендинг за часы, а не недели).
  • Упростить сопровождение крупных проектов.

Преимущества

[править]
  • Более читаемый код.
  • Повторное использование компонентов.
  • Удобная работа с большими проектами.
  • Совместимость с CSS.
  • Простая компиляция.

Ограничения

[править]
  • Требует этапа компиляции.
  • Постепенно уступает популярность Sass.
  • Не выполняется браузером напрямую.

Часто задаваемые вопросы

[править]

Используется ли Less сегодня?

[править]

Да, хотя в новых проектах чаще применяется Sass. Многие существующие сайты продолжают использовать Less.

Нужно ли браузеру понимать Less?

[править]

Нет. Перед публикацией код компилируется в стандартный CSS.

Чем Less отличается от CSS?

[править]

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

Что выбрать: Less или Sass?

[править]

Для небольших проектов и начинающей команды - Less. Для крупных масштабных проектов, которые будут развиваться годами - Sass (SCSS).

Связанные термины

[править]