CSS-переменные – технология, которая недооценена многими разработчиками, особенно начинающими и в большинстве случаев их использование ограничивают заданием палитры цветов. Я же предлагаю углубиться детальнее в то, что на самом деле из себя представляют CSS-переменные и то, на какую мощь они действительно способны. Timeline: 00:00 | Вступление 00:26 | Что такое CSS-переменные 00:40 | Объявление CSS-переменных 00:56 | Правильный нейминг CSS-переменных 01:16 | Использование CSS-переменных, функция var() 01:30 | Запасное значение (фоллбэк) для CSS-переменных 01:47 | Область видимости CSS-переменных 02:30 | Переопределение CSS-переменных 02:52 | Использование в значении CSS-переменной другой CSS-переменной 03:38 | Для чего нужны CSS-переменные 04:30 | Глобальные CSS-переменные, селектор :root 05:54 | Локальные CSS-переменные 08:12 | Использование CSS-переменных в HTML-разметке 09:23 | Управление CSS-переменными через JavaScript 10:05 | Заключение Полезные ссылки: Гайд по кастомным свойствам на doka:
CSS Variables на caniuse:
Чат в телеграмме (помощь новичкам):
Boosty (поддержать канал):
Бесплатные курсы на канале: HTML: • HTML курс 2025 CSS: • CSS курс 2025 JS: • JavaScript курс 2025 A11y: • Accessibility курс 2025 Мастер-класс по верстке для новичков: • Адаптивная верстка сайта с нуля для н... Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Вёрстка сайта с 0 до результата | HTM... Frontend Roadmap 2024 • Frontend Roadmap 2024 | Что должен уч... Автор: Личный сайт:
Telegram:
Boosty:
GetMentor:
Solvery:
#frontend #фронтенд #css
