Кастомные свойства или честный Sass вместо CSS-переменных на PostCSS

00:00 Интро
01:36 Окружение и разметка
03:32 Стили для основы
06:06 Переменные на Sass
09:19 Переменные на PostCSS
14:15 Фолбеки для переменных
16:20 Переопределение свойств
19:46 Переменные и свойства
22:27 Выводы и советы

* * *

Камера: Lumix GH5 + DMW-XLR1
Объектив: Lumix 15 мм, f/1,7 II
Микрофон: Audio-Technica AT4053b
Свет: Aputure Light Storm 120t + Light Dome
Софт: Final Cut Pro, iZotope RX

[pepelsbey]

01:36 Окружение и разметка
03:32 Стили для основы
06:06 Переменные на Sass
09:19 Переменные на PostCSS
14:15 Фолбеки для переменных
16:20 Переопределение свойств
19:46 Переменные и свойства
22:27 Выводы и советы

[whatthepeople]

Видосы Вадима — наркотик в чистом виде. Спасибо, что живой.

[yurkaronin]

Вадим, спасибо за новое видео. Как всегда - доступно объяснили. Не пропадайте пожалуйста.

[alexermakov]

половину видео поражался названию цветов))

[Andrey_dev]

Полезное использование кастомных свойств - это темы на сайте. Один раз прописали цвета, один класс и вешаем его через JS для изменения всей расцветки(например, ночная тема).

[AntonioBenderas]

Вадим, как же не хватает твоих этих роликов.

[Пес-майонез]

*шутка про "шел ## день карантина, на ютуб вернулись сss-шорты "

[olegyaps]

Есть еще одна важная фишка кастомных свойств: возможность задавать произвольное значение через js и динамически менять его. У нас в чатике владелец сайта может задать произвольный цвет «темы», и, вместо того, чтобы раскладывать по всем зависимым компонентам инлайн-стили с нужным цветом, мы просто меняем значение переменной, а дальше все зависимые компоненты используют эту переменную. Ну и, конечно, это работает динамически: поменял цвет в настройках — виджет сразу перекрасился.

[maximzabara]

Вадим, спасибо за видео, полезная информация, к размышлению!

[lesyakogivchak]

Спасибо! Интересно и доступно, как всегда! ❤️

[redmars]

Вадим, запишите пожалуйста видео о favicon'ках. А то уже какой день парюсь, но не могу разобраться в размерах.

[grandehombre]

Огромное спасибо, Вадим! Пишу комментарии категорически редко, но это прекрасное видео!

[LardUkr]

Дякую за відео! Детально, ретельно, просто чудово пояснили :)

[drapasYT]

Наконец-то новые, сверх грамотные и сверх полезные видео. Большое человеческое спасибо!

[Kaldaway]

Можно пожалуйста больше видео, от такого приятного человека. Очень не хватает адекватной информации))

[Elisha_GG]

Боже, Вадим, как же вы круто помогаете! Даже спустя год очень актуально

[angelinadorasheva]

Спасибо, Вадим!! Каждое ваше видео как глоток свежего воздуха! 👍🏻👍🏻👍🏻

[papank]

прическа отпад)) спасибо за разбор! ждем еще)

[webstroymaster]

Спасибо! Познавательное видео. Надо нести в массы то как нужно использовать и для чего предназначена та или иная технология.

[aliaksandrk]

Я трижды лайк поставил! Спасибо большое, Вадим!