96: CSS anchor positioning

96: CSS anchor positioning

Published on Nov 7
13:15
The CSS Podcast
0:00
0:00
<p dir="ltr">Welcome back to The CSS Podcast! Una and Bramus dive into CSS anchor positioning, a powerful new API that revolutionizes how developers handle dynamic UI element placement. Learn how to create interactive tooltips, popovers, and menus directly in CSS, eliminating the need for complex JavaScript.</p> <p><strong> </strong></p> <p dir="ltr">Resources:</p> <p dir="ltr">CSS anchor positioning → <a href= "https://goo.gle/3KvYYeZ">https://goo.gle/3KvYYeZ</a> </p> <p dir="ltr">Anchor position tool → <a href= "https://goo.gle/4gOYooL">https://goo.gle/4gOYooL</a> </p> <p dir="ltr">Follow-the-leader pattern with CSS anchor positioning → <a href= "https://goo.gle/46s0kQD">https://goo.gle/46s0kQD</a> </p> <p dir="ltr">Anchor queries - Reposition tether arrow  → <a href= "https://goo.gle/42fXtI1">https://goo.gle/42fXtI1</a> </p> <p><strong> </strong></p> <p dir="ltr">Una Kravets (co-host)<br /> <a href="https://bsky.app/profile/una.im">Bluesky</a> | <a href= "https://twitter.com/Una">Tw...