👀 Перестаньте таскать 50 КБ JS для модалок

Каждый раз одно и то же: нужна модалка → гуглите библиотеку → тащите зависимости → настраиваете accessibility → фиксите баги с фокусом → плачете над z-index.

А что если браузер уже умеет всё это нативно?

🔢 CChrome DevRel запустили серию «Baseline in action» — показывают, как решать реальные задачи без костылей.

Галерея с модалкой на чистом <dialog>: ноль библиотек, ноль кастомного JS для accessibility.

<dialog>
  <form method="dialog">
    <!-- Браузер сам управляет фокусом, Esc, backdrop -->
  </form>
</dialog>

Из коробки:

✅ Фокус автоматом заходит внутрь и не выходи
✅ Esc закрывает
✅ Контент под модалкой заблокирован
✅ Backdrop с blur одной строкой CSS
✅ Плавные анимации появления (даже из `display: none`)

📎 Читать статью с живыми примерами

🐸 Библиотека фронтендера

#read_watch

🎄 Залип на AdventJS и не могу остановиться

Это как leetcode, но с новогодним настроением: каждый день новая задача по JavaScript или TypeScript, рейтинг, соревнования с разрабами со всего мира.

Почему это стоит попробовать:

ℹ️ После решения видно подходы других — отличный способ перенять сильные практики

ℹ️ Есть задачи от простых до сложных — каждый найдёт свой уровень

ℹ️ Формируется стабильный навык: к концу декабря GitHub выглядит как новогодняя гирлянда — и это отражает реальный прогресс

Доступно уже 9 дней — успеете войти в ритм и выгрузить максимум пользы 🎄

📎 Ссылка на адвент

🐸 Библиотека фронтендера

#read_watch