Update on CSS Anchor Positioning, by @fantasai (@w3c):

https://www.w3.org/blog/CSS/2025/05/12/update-on-css-anchor-positioning/

#css #standards #anchorpositioning

Anchor Positioning Just Don’t Care About Source Order, by @geoff (@csstricks):

https://css-tricks.com/anchor-positioning-just-dont-care-about-source-order/

#css #anchorpositioning #html

Updates to Popover and CSS Anchor Positioning Polyfills, by @jamessw (@OddBird):

https://www.oddbird.net/2025/05/06/polyfill-updates/

#css #polyfills #popovers #anchorpositioning

Tool: CSS Anchor Positioning Helper, by (not found on Mastodon or Bluesky):

https://anchor-tool.com/

#tools #exploration #codegeneration #css #anchorpositioning

#Development #Introductions
The customizable select (part two) · Potions, anchoring, and radial shenanigans in CSS https://ilo.im/163bxd

_____
#SelectElement #Form #AnchorPositioning #ProgressiveEnhancement #Chrome #Browser #WebDev #Frontend #HTML #CSS

#Development #Guides
Must-know Interop features 2025 · A learning guide for the next couple of months https://ilo.im/1631b4

_____
#Browser #Interoperability #AnchorPositioning #ViewTransitions #WebVitals #WebPerf #WebDev #Frontend #CSS #JavaScript

Better Anchor Positioning With “position-area”, by @jamessw (@OddBird):

https://www.oddbird.net/2025/02/25/anchor-position-area/

#css #anchorpositioning

#Development #Previews
The web needs anchored popovers · An ideal choice for almost every ‘menu’ and ‘tooltip’ https://ilo.im/162jsf

_____
#ModernCSS #Menus #Tooltips #Popover #AnchorPositioning #Browser #WebDev #Frontend #HTML #CSS

🔵 Nerding out about CSS with Adam Argyle @nerdy.dev
Host: @kevinpowell
In this chapter, they discuss exciting new features of CSS for 2024, discussing innovations such as #ScrollDrivenAnimations, #AnchorPositioning, and #FieldSizing.
#css #webdev

https://youtu.be/rE-qmyPHHGw?si=C50tyATWuyFIUjbi

New blog post: “Recent CSS Bookmarks 21: Anchor Positioning”

https://blog.kizu.dev/recent-css-bookmarks-021/

Anchor positioning is cool! And there were many articles and posts about anchor positioning since I last mentioned it in my bookmark posts. Here they are!

#CSS #AnchorPositioning

#Development #Opportunities
CSS anchor positioning is disruptive · “It’s going to unlock some surprising new layouts.” https://ilo.im/160y47

_____
#ModernCSS #Layout #Dropdown #AnchorPositioning #Polyfill #Chrome #Browser #WebDev #CSS

#Development #Launches
Anchoreum · A multi-level game to learn CSS anchor positioning https://ilo.im/160t3t

_____
#ModernCSS #Layout #Positioning #AnchorPositioning #Browser #WebDev #Frontend #CSS #Course

A love letter to the platform: PopoverAPI + anchor positioning + web components

A simple look at creating your own popover web component

https://jschof.dev/posts/2024/9/love-letter-to-the-platform/

#webcomponents #litjs #anchorpositioning #css #theplatform

#Development #Previews
Is the sticky thing stuck? Is the snappy item snapped? · A look at CSS state queries and JS scroll snap events https://ilo.im/1604k4

_____
#Scrolling #ScrollSnapping #StickyPositioning #StateQueries #AnchorPositioning #ProgressiveEnhancement #WebDev #Frontend #CSS #JavaScript

#Development #Techniques
Custom range slider · Made with CSS anchor positioning/scroll-driven animations https://ilo.im/15zv03

_____
#ModernCSS #Slider #RangeSlider #Tooltip #Browser #WebDev #Frontend #CSS #AnchorPositioning #ScrollDrivenAnimations

#Development #Techniques
Eyebrow heading dots · How modern CSS refines a tiny design pattern https://ilo.im/15zgp9

_____
#ModernCSS #Heading #Decoration #DesignPattern #VisualDesign #WebDesign #WebDev #Frontend #CSS #AnchorPositioning

🔵⚪️ Let’s hang! An intro to CSS Anchor Positioning with basic examples
by Brecht De Ruyte
@utilitybend @utilitybend
#CSSAnchorPositioning #css #AnchorPositioning #webdev

https://utilitybend.com/blog/lets-hang-an-intro-to-css-anchor-positioning-with-basic-examples

> The #CSS #AnchorPositioning #API is a game-changer in #web #development because it lets you natively position elements relative to other elements, known as anchors. This API simplifies complex #layout requirements for many interface features like menus and submenus, tooltips, selects, labels, cards, settings dialogs, and many more.

https://developer.chrome.com/blog/anchor-positioning-api

#webDev #cssAnchorPositioning

⚓️ Introducing the CSS anchor positioning API
by @Una at @ChromiumDev
#CSS #CSSanchorPositioningAPI #AnchorPositioning #webdev

https://developer.chrome.com/blog/anchor-positioning-api

#Development #Techniques
JavaScript-free site menu · It’s time to learn about popovers and anchor positioning https://ilo.im/15yvkh

_____
#Navigation #Popover #AnchorPositioning #WebDev #Frontend #CSS