👀 Перестаньте таскать 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

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

#pixel_pause

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

#code_challenge #js

💳 Официальное руководство по Scrum

Гайд от Кена Швабера и Джеффа Сазерленда — 17 страниц, которые задают единственный корректный способ понимать Scrum.

🔤 Если вы работаете в продуктовой команде, строите процессы или хотите лучше понимать, как организуются современные фронтенд-команды, — это must-have.

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

#readme #scrum