FrontendConf

Конференция завершена.

Ждем вас

на FrontendConf

в следующий раз!

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

Перспективы

HTML и CSS

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

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

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

Тезисы

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

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

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

Лид фронтенда в Дроме. Контрибьютор Доки.
Сферы интересов: веб-стандарты, перформанс, пленочная фотография и пешие походы.

Видео

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

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

Олег Мохов

Это доклад о практическом применении относительно новой технологии позиционирования элементов. Он будет полезен всем, кто ищет новые способы сверстать старое по-новому, а также тем, кто в целом регулярно сталкивается с версткой в повседневной работе.