PurpleSchool — курсы программирования онлайн
  • Бесплатно
    • Курсы
      • JavaScript Основы разработкиPython Основы PythonCSS CSS FlexboxКарта развития
    • База знанийИконка стрелки
    • Новостные рассылкиИконка стрелки
  • Карьерные пути
    • Frontend React разработчик
    • Frontend Vue разработчик
    • Backend разработчик Node.js
    • Fullstack разработчик React / Node.js
    • Mobile разработчик React Native
    • Backend разработчик Golang
    • Devops инженер
    • Backend разработчик Python
  • О нас
    • Отзывы
    • Реферальная программа
    • О компании
    • Контакты
    • Иконка открытия меню
    • Сообщество
    • PurpleПлюс
    • AI тренажёр
    • Проекты
PurpleSchool — платформа бесплатных roadmap и курсов для разработчиков
ютуб иконка
Telegram иконка
VK иконка
VK иконка
Курсы
ГлавнаяКаталог курсовFrontendBackendFullstack
Практика
КарьераПроектыPurpleПлюс
Материалы
БлогБаза знаний
Документы
Договор офертаПолитика конфиденциальностиПроверка сертификатаМиграция курсовРеферальная программа
Реквизиты
ИП Ларичев Антон АндреевичИНН 773373765379contact@purpleschool.ru

PurpleSchool © 2020 -2026 Все права защищены

  • Курсы
    • FrontendИконка стрелки
    • AI разработкаИконка стрелки
    • BackendИконка стрелки
    • DevOpsИконка стрелки
    • MobileИконка стрелки
    • ТестированиеИконка стрелки
    • Soft-skillsИконка стрелки
    • ДизайнИконка стрелки
    Иконка слояПерейти в каталог курсов
    • PurpleSchool — курсы программирования онлайн
    • Сообщество
    • PurpleПлюс
    • AI тренажёр
    • Проекты
    Главная
    Сообщество
    5 функций CSS, которые заменят JavaScript!

    5 функций CSS, которые заменят JavaScript!

    Аватар автора 5 функций CSS, которые заменят JavaScript!

    Роман Лобигер

    Иконка календаря28 августа 2025
    видеоjuniorИконка уровня junior
    Картинка поста 5 функций CSS, которые заменят JavaScript!

    Разберем 5 функций CSS из последних обновлений, появление которых полностью убирает необходимость использовать JS при верстке многих распространенных функций интерфейса. Обсудим light-dark() для автоматической адаптации UI под светлую / тёмную тему. Popover API для всплывающих окон и тултипов. Теги summary и details для аккордеонов и раскрывающихся списков. Плюс, свежий элемент spoiler-content, позволяющий прятать текст прямо на уровне HTML и CSS. Все — без единой строчки JS. Убираем лишний код. Приходите смотреть!

    ▶️ Полный курс HTML & CSS на платформе

    📱 Смотреть на YouTube

    Иконка глаза449

    Комментарии

    0

    Постройте личный план изучения CSS Flexbox - полный курс и практика его использования до уровня Middle — бесплатно!

    CSS Flexbox - полный курс и практика его использования — часть карты развития Frontend

    • step100+ шагов развития
    • lessons30 бесплатных лекций
    • lessons300 бонусных рублей на счет

    Бесплатные лекции

    Лучшие курсы по теме

    изображение курса

    Основы JavaScript

    Антон Ларичев
    AI-тренажерыAI-тренажеры
    Практика в студииПрактика в студии
    Гарантия
    Бонусы
    иконка звёздочки рейтинга4.8
    3 999 ₽ 6 990 ₽
    Подробнее
    изображение курса

    Продвинутый JavaScript

    Антон Ларичев
    AI-тренажерыAI-тренажеры
    Практика в студииПрактика в студии
    Гарантия
    Бонусы
    иконка звёздочки рейтинга4.8
    3 999 ₽ 6 990 ₽
    Подробнее
    изображение курса

    TypeScript с нуля

    Антон Ларичев
    AI-тренажерыAI-тренажеры
    Практика в студииПрактика в студии
    Гарантия
    Бонусы
    иконка звёздочки рейтинга4.8
    3 999 ₽ 6 990 ₽
    Подробнее

    Похожие статьи

    Картинка поста Git для разработчика: команды на каждый день для работы с кодом
    Иконка аватараАнтон
    Иконка календаря12 мая 2026
    GitВерсионированиеDevOps+ 1juniorИконка уровня junior

    Git для разработчика: команды на каждый день для работы с кодом

    Git для разработчика: разбираем команды, которые используешь каждый день — от commit и push до rebase, stash и cherry-pick.

    Иконка чипа0
    Иконка глаза14
    Иконка комментариев0
    Картинка поста Как стать frontend-разработчиком в 2025: дорожная карта
    Иконка аватараАнтон
    Иконка календаря10 мая 2026
    frontendкарьераjavascript+ 2juniorИконка уровня junior

    Как стать frontend-разработчиком в 2025: дорожная карта

    Дорожная карта frontend-разработчика 2025: какие технологии учить, в каком порядке и как собрать портфолио для первой работы.

    Иконка чипа0
    Иконка глаза92
    Иконка комментариев1
    Картинка поста REST API на Node.js и Express: пишем сервер с нуля за час
    Иконка аватараАнтон
    Иконка календаря08 мая 2026
    Node.jsExpressREST API+ 2juniorИконка уровня junior

    REST API на Node.js и Express: пишем сервер с нуля за час

    REST API на Node.js и Express: пошаговое руководство по созданию сервера с маршрутизацией, валидацией и обработкой ошибок.

    Иконка чипа0
    Иконка глаза127
    Иконка комментариев0
    Иконка чипа0