FrontendConf

CSS Anchor Positioning: упрощаем разработку связанных друг с другом элементов

Перспективы

HTML и CSS

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

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

фронтенд-разработчики, дизайнеры

Тезисы

При разработке интерфейсов нам требуется уметь создавать элементы, которые будут связаны друг с другом. Например, иконка и текст тултипа или селектбокс и выпадающий список.

При этом нам важно, чтобы связанность и видимость элементов сохранялась при изменении вьюпорта, скролла или взаимодействиях пользователя с интерфейсом.

Обычно для реализации подобного поведения нам необходимо использовать JavaScript.

Однако теперь это необязательно благодаря новой фиче в CSS.

В докладе расскажу про CSS Anchor Positioning и как с его помощью упростить разработку связанных друг с другом элементов.

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

Видео