<description>&lt;p dir="ltr"&gt;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.&lt;/p&gt; &lt;p&gt;&lt;strong&gt; &lt;/strong&gt;&lt;/p&gt; &lt;p dir="ltr"&gt;Resources:&lt;/p&gt; &lt;p dir="ltr"&gt;CSS anchor positioning → &lt;a href= "https://goo.gle/3KvYYeZ"&gt;https://goo.gle/3KvYYeZ&lt;/a&gt; &lt;/p&gt; &lt;p dir="ltr"&gt;Anchor position tool → &lt;a href= "https://goo.gle/4gOYooL"&gt;https://goo.gle/4gOYooL&lt;/a&gt; &lt;/p&gt; &lt;p dir="ltr"&gt;Follow-the-leader pattern with CSS anchor positioning → &lt;a href= "https://goo.gle/46s0kQD"&gt;https://goo.gle/46s0kQD&lt;/a&gt; &lt;/p&gt; &lt;p dir="ltr"&gt;Anchor queries - Reposition tether arrow  → &lt;a href= "https://goo.gle/42fXtI1"&gt;https://goo.gle/42fXtI1&lt;/a&gt; &lt;/p&gt; &lt;p&gt;&lt;strong&gt; &lt;/strong&gt;&lt;/p&gt; &lt;p dir="ltr"&gt;Una Kravets (co-host)&lt;br /&gt; &lt;a href="https://bsky.app/profile/una.im"&gt;Bluesky&lt;/a&gt; | &lt;a href= "https://twitter.com/Una"&gt;Twitter&lt;/a&gt; | &lt;a href= "https://www.youtube.com/channel/UCJnidRIv3o1hf_YBWjKFljg"&gt;YouTube&lt;/a&gt; | &lt;a href="https://una.im"&gt;Website&lt;br /&gt;&lt;/a&gt;Making the web more colorful &lt;a href= "https://twitter.com/googlechrome"&gt;@googlechrome&lt;/a&gt; &lt;/p&gt; &lt;p&gt;Bramus Van Damme (co-host)&lt;br /&gt; &lt;a href="https://bsky.app/profile/bram.us"&gt;Bluesky&lt;/a&gt; | &lt;a href= "https://front-end.social/@bramus"&gt;Mastodon&lt;/a&gt; | &lt;a href= "https://www.youtube.com/@bramus"&gt;YouTube&lt;/a&gt; | &lt;a href= "https://www.bram.us/"&gt;Website&lt;br /&gt;&lt;/a&gt;&lt;a href= "https://twitter.com/GoogleChrome"&gt;@GoogleChrome&lt;/a&gt; CSS DevRel; &lt;a href="https://twitter.com/CSSWG"&gt;@CSSWG&lt;/a&gt;; Scuba Diver 🤿&lt;/p&gt;</description>

The CSS Podcast

The CSS Podcast

96: CSS anchor positioning

NOV 7, 202513 MIN
The CSS Podcast

96: CSS anchor positioning

NOV 7, 202513 MIN

Description

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. Resources: CSS anchor positioning → https://goo.gle/3KvYYeZ Anchor position tool → https://goo.gle/4gOYooL Follow-the-leader pattern with CSS anchor positioning → https://goo.gle/46s0kQD Anchor queries - Reposition tether arrow → https://goo.gle/42fXtI1 Una Kravets (co-host) Bluesky | Twitter | YouTube | WebsiteMaking the web more colorful @googlechrome Bramus Van Damme (co-host) Bluesky | Mastodon | YouTube | Website@GoogleChrome CSS DevRel; @CSSWG; Scuba Diver 🤿