• Теория
  • Теория

Испытание: палитра

Итак, мы разобрались как создать палитру цветов, основанную на цветовом кодировании. На основе разработанной палитры можно оформить цветом любой элемент интерфейса. При этом цвета всех элементов будут консистентны и их можно легко конфигурировать.

Эта часть — первая из цикла по Less. В ней затронуты самые базовые понятия и приёмы. В последующих частях мы рассмотрим другие возможности препроцессора, а также продолжим создавать нашу библиотеку стилей.

А напоследок осталась небольшая головоломка. Вам нужно раскрасить белые квадраты.

В раскрашенных квадратах есть стрелки, которые указывают на соседние пустые квадраты. Это подсказка: цвет для пустого квадрата рассчитывается от цвета указывающего на него квадрата.

Для вычисления цвета используйте цветовые функции, рассмотренные в части: lighten, desaturate, darken, spin. Числовые параметры функций кратны 5.

До встречи в следующих частях по Less!

Без JavaScript будущему разработчику никуда. Записывайтесь на профессиональный курс по JavaScript первого уровня, проходящий c 18 июня по 19 августа 2024. До 18 июня цена 30 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Знакомство с Less» тренажёра «Инструменты автоматизации: препроцессор» можно после регистрации и оформления подписки.