Урок 5. Переменные в Less

Привет! Сегодня говорим о переменных Less. У вас должен быть установлен Nodejs и глобально npm. Довольно часто можно видеть одно и то же значение, повторяющееся много раз по вашим таблицам стилей: a, .link { color: #428bca; } .widget { color: #fff; background: #428bca; } Переменные упрощают читать дальше…

Урок 4. Компиляция с помощью Gulp

Привет! 🙂 В прошлом уроке по Less речь шла о Компиляции на Node.js, на этот раз используем Gulp для сборки файлов. На всякий случай напомню, что предварительно должен быть установлен Nodejs и npm. Отслеживаем зависимости с packagae.json 1. Создаем папку less1.1. В консоли нужно перейти читать дальше…

less урок 3
Урок 3. Компиляция на Node.js

Привет! В этом уроке сделаем компилятор на Node.js. Напомню, что Node.js должен быть установлен, в чём вам поможет статья Как установить Node.js и проверить его работу. 1. Создаем папку less Устанавливаем в неё пакет less через командную строку Windows или Open Server: 1.1. Команда: npm читать дальше…

less 2
Урок 2. Компиляция на клиенте

Привет! В этом уроке рассказываю о том, как сделать компиляцию LESS на клиенте, что означает — непосредственно в браузере. Вариант 1. Компиляция LESS через консоль 1. Создаём папку, допустим, по названию урока, less 1.1. Устанавливаем плагин LESS в папку проекта, локально, с помощью команды в консоли: читать дальше…

less урок 1
Урок 1. Что такое LESS

Привет! Начинаю публиковать уроки по LESS, это мои конспекты, местами дополненные информацией из официальной документации. LESS (Leaner Style Sheets — компактная таблица стилей) — это препроцессор CSS, позволяющий писать ясный CSS с использованием программных конструкций вместо статических правил, т.е. является динамическим языком стилей. Less разработан Alexis Sellier под влиянием читать дальше…

Top