Осветление и затемнение цвета на тон в SASS, SCSS, LESS

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

В этом, без сомнения, прекрасном препроцессоре есть большое количество функций, в том числе и для работы с цветом. Цвет можно насыщать, делать...

Отладка less

Если идти в ногу со временем или даже если отставать на шаг, то пора использовать препроцессоры для компиляции css. Существует достаточное количество материала на тему плюсов и минусов тех или иных препроцессоров, а так же сторонников и противников этой техники написания стилей.

Обычно отладчик в браузере (в моём случае Mozilla Firefox)...

Обрезка текста с многоточием css

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

span {
 white-space: nowrap; /* Запрещаем перенос строк */
 overflow: hidden; /* Обрезаем все, что не помещается в область */
 text-overflow: ellipsis; /* Добавляем многоточие */
 /* Не обязательно, но может понадобиться....

Автоматическая компиляция css в PhpStorm

Сейчас активно используются три типа метаязыков: SCSS, SASS (что. в общем-то, является улучшенным SСSS) и LESS. Для того, чтобы работать с ними, не задумываясь о процессе компиляции в css нужно выполнить два шага:

  1. Установить компилятор
  2. Настроить PhpStorm

Так же, здесь есть и свои проблемы, но о них позже.

Установка компилятора

В...

Специфичность (приоритеты) в css

Таблица специфичности (приоритетов) стилей, как их рассчитывают браузеры. Иногда нужно знать для того, чтобы понимать стоит ли в данной ситуации пытаться переопределить стили навешанные на id стилями навешанными на класс.

Специфичность это некоторая условная величина, вычисляемая следующим образом. За каждый идентификатор (в дальнейшем будем...