Разберем 5 функций CSS из последних обновлений, появление которых полностью убирает необходимость использовать JS при верстке многих распространенных функций интерфейса. Обсудим light-dark() для автоматической адаптации UI под светлую / тёмную тему. Popover API для всплывающих окон и тултипов. Теги summary и details для аккордеонов и раскрывающихся списков. Плюс, свежий элемент spoiler-content, позволяющий прятать текст прямо на уровне HTML и CSS. Все — без единой строчки JS. Убираем лишний код. Приходите смотреть! ❇️ Обновленный курс по HTML & CSS — https://purpleschool.ru/course/html-css/?utm_source=youtube&utm_medium=link&utm_campaign=css+%D0%B1%D0%B5%D0%B7+js&utm_content=course 📚 Еще 30+ доступных курсов по разработке, тестированию и DevOps на нашей супер-платформе — https://purpleschool.ru/?utm_source=youtube&utm_medium=link&utm_campaign=css+%D0%B1%D0%B5%D0%B7+js&utm_content=catalog Программа стажировок 🚀 Построение карьеры Frontend-разработчика — https://purpleschool.ru/catalog?search=%D0%BA%D0%B0%D1%80%D1%8C%D0%B5%D1%80%D0%B0 Бесплатно 💥 Готовые карты обучения разработке под вашу ситуацию — https://purpleschool.ru/skills/?utm_source=youtube&utm_medium=link&utm_campaign=css+%D0%B1%D0%B5%D0%B7+js&utm_content=maps 🗂 Курс «Основы разработки» — https://purpleschool.ru/course/code-basics/?utm_source=youtube&utm_medium=link&utm_campaign=css+%D0%B1%D0%B5%D0%B7+js&utm_content=free_course 🗂 Курс «CSS Flexbox» — https://purpleschool.ru/course/flexbox/?utm_source=youtube&utm_medium=link&utm_campaign=css+%D0%B1%D0%B5%D0%B7+js&utm_content=free_course Таймкоды 00:00 — Интро 00:32 — Функция light-dark 04:56 — Popover API 08:59 — summary и details 12:42 — spoiler-content 17:09 — Аутро