Anchors aweigh!
Tethering Elements in Pure CSS with Anchor Positioning.
We've all been there. You need a popover to attach to a button, but they aren't parent/child. You end up reaching for JavaScript, calculating coordinates, and wrestling with viewport edges. CSS Anchor Positioning is a recent API designed to solve exactly this. This talk is a practical, down-to-earth look at how it works. We'll explore the anchor() function, the position-anchor and position-area properties, and @position-fallback to build UIs that are truly context-aware and robust, all without the JS hacks.
About Bramus Van Damme
Bramus is a web developer from Belgium. He’s part of the Chrome Developer Relations team at Google, focusing on CSS, Web UI, and DevTools. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since.
Before joining Google, Bramus worked as a freelance developer in various frontend and backend roles. For seven years he also was a College Lecturer Web & Mobile, educating undergrad students all about HTML, CSS, and JavaScript — in that order.