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

FrontendConf · Москва ·

Про доклад

Anchor Positioning — новое мощнейшее апи, которое значительно упрощает разработку связанных друг с другом элементом. Больше не нужно никаких relative обёрток или JavaScript’а, чтобы сделать классные адаптивные компоненты по типу тултипа.

Когда только задумывал доклад, казалось, что материала будет мало. А в итоге, его получилось даже больше, чем на 40 минут.

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

Также поразмышлял, какие реальные use кейсы может закрывать данное апи, и попробовал их реализовать.

В итоге, получилось неплохо.

Фотографии