Рет қаралды 11,085
Как НЕ надо делать модальные окна на примере Яндекс Маркета и как упростить задачу с помощью Headless UI.
Так же немного разберёмся с доступностью (accessibility) и voice over.
🔗 Курс по доступности, Framer Motion, Next и React: purpleschool.ru/course/nextjs
⚡ Мои курсы
Мой telegram канал: t.me/purple_code_channel
Все мои курсы: purpleschool.ru
Разделы видео:
0:00 - Введение
0:11 - О модальных окнах (popup)
0:40 - Пример окно Яндекс Маркета
3:36 - Работа Voiceover
6:02 - Headless ui и его компоненты (components)
7:58 - Делаем модальное окно
13:45 - Стилизация окна
17:24 - Правильная доступность сайта
18:47 - Итоги
19:12 - Заключение