✏️ 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 курс 2024 🔵 CSS: • CSS курс 2024 🟡 JS: • JavaScript курс 2024 🟢 A11y: • Accessibility курс 2024 ⚪️ Мастер-класс по верстке для новичков: • Верстка Kropp Fitness (HTML, CSS) 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Верстка Positivus (HTML, БЭМ, SCSS) 🗺 Frontend Roadmap 2024 • Frontend Roadmap 2024 | Что должен уч... 📌 Автор: ➖ Личный сайт: ➖ Telegram: ➖ Boosty: ➖ GetMentor: ➖ Solvery: #frontend #фронтенд #css