Рома Ахмадуллин на FrontendConf 2024

Элемент dialog и атрибут popover. Инструкции к применению

Перспективы

HTML и CSS

1 октября, 12:10, «Зал 02. Физика»

Google Outlook Apple

Доклад принят в программу конференции

Целевая аудитория

Фронтенд-разработчики, дизайнеры и просто люди, любящие веб-стандарты, html и css.

Тезисы

Скачать презентацию Все презентации конференции

В интерфейсах часто встречаются элементы, которые появляются поверх основного контента страницы. Именуются они в различных дизайн-системах по-разному: модалка, попап, всплывашка, тултип и т.д.

В докладе рассмотрим предоставляемые веб-платформой средства для создания модальных и всплывающих компонентов: элемент dialog и атрибут popover. Поговорим о сходствах и отличиях подходов, какие из UI-паттернов закрывает каждый из них, когда и как их лучше использовать.

Рома Ахмадуллин

Дром

Фронтенд-разработчик в Дроме.
В разработке более 6 лет. Любит веб-стандарты и Open Source.

Дром

Дром — автомобильный классифайд с посещаемостью более 4 миллионов пользователей в сутки. Входят в топ-3 автомобильных классифайдов России и являются лидером на рынке в Сибирском и Дальневосточном округах. Делают классные продукты, даря лучший пользовательский опыт на протяжении 25 лет.

Видео

Мнение Программного комитета о докладе

Никита Дубко

Качественная вёрстка «всплывашек» — не самая простая. Новый Popover API позволит нативно решать большое количество задач почти без усилий. Однозначно полезный доклад для всех, кто устал чинить модальные окна в своих проектах.