FrontendConf

dialog и popover: инструкция по применению

Перспективы

HTML и CSS

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

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

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

Тезисы

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

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

Поговорим о сходствах и отличиях диалога с поповером, какие из UI паттернов закрывает каждый из них, когда и как их лучше использовать.

Фронтенд-разработчик в Дроме

Люблю веб-стандарты и Open Source

Дром

Дром - автомобильный классифайд

Видео

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

Фото куратора

Никита Дубко

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

Другие доклады секции

Перспективы