<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 🤿