Frontend Dogma5d ago

Anchored Menus and a Lesson in Scoping, by @chriscoyier (@frontendmasters.com):

https://frontendmasters.com/blog/anchored-menus-and-a-lesson-in-scoping/

#css #anchorpositioning #scope #lessons

Anchored Menus and a Lesson in Scoping – Frontend Masters Blog

Turns out `anchor-scope` is pretty darn useful for button/menu setups that will appear multiple times on the same page.

InautiloFeb 24

#Development #Pitfalls
CSS Anchor Positioning issues? · Edge cases where it doesn’t work https://ilo.im/16arjg

_____
#ModernCSS #AnchorPositioning #Browsers #WebDev #Frontend #HTML #CSS

Why is Anchor Positioning not working?

Learn the edge cases that prevent anchor positioning from working correctly

Frontend DogmaFeb 12

Drawing Connections With CSS Anchor Positioning, by (not on Mastodon or Bluesky):

https://rolandfranke.nl/frontend-stories/drawing-connections-with-css-anchor-positioning/

#css #anchorpositioning

Drawing Connections with CSS Anchor Positioning - Roland Franke

A practical exploration of CSS Anchor Positioning and the anchor() function to visually connect related elements without extra markup.

Roland Franke - Frontend Developer
westbrookFeb 11

#askingForAFriend

Is it real life that an `anchor-name` element HAS to be before the element consuming it via `position-anchor` in the DOM!?!

🤯

#CSS #CSSWG #webDev #anchorPositioning

westbrookFeb 1

Today I've just used `--anchor-scope` as part of the CSS Anchor Positioning API for the first time...

Five stars, would use again!

Thanks #CSSWG!

#webDev #CSS #AnchorPositioning

Frontend DogmaJan 25

Popover Context Menus With Anchor Positioning, by @chriscoyier (@frontendmasters.com):

https://frontendmasters.com/blog/popover-context-menus-with-anchor-positioning/

#css #tooltips #popovers #anchorpositioning

Popover Context Menus with Anchor Positioning – Frontend Masters Blog

A context menu is like a tooltip in that it opens right next to the the thing that opened it. Here, we animate the opening and ensure it opens somewhere where it doesn't get cut off.

Lars 🏳️‍🌈🐻‍❄️Jan 24

Es freut mich so sehr, dass #Firefox mit 147 meine beiden neuen Lieblings-Features unterstützt!
#ViewTransitionAPI und jetzt auch #AnchorPositioning (gerade für #PopoverAPI).

In diesem Artikel gehe ich auf View Transition API ein, erwähne aber auch anfangs Popover API: https://site.lgk.io/blog/2025-06-01-view-transition-api/

Sanfte Übergänge mit View Transition API

Nerd, designer and developer or just a guy who loves to be creative.

Lars' Portfolio
InautiloJan 24

#Development #Techniques
Anchor interpolated morphing · A powerful new CSS transition technique https://ilo.im/16a2w9

_____
#ModernCSS #Morphs #Transitions #Animations #AnchorPositioning #Browsers #WebDev #Frontend #HTML #CSS

Anchor Interpolated Morph (AIM) · January 23, 2026

Morphing overlay elements from dynamic places

nerdy.dev
InautiloJan 19

#Development #Techniques
Better defaults for popovers · A small anchor-repositioning with a big effect https://ilo.im/169wki

_____
#ModernCSS #Popover #Buttons #AnchorPositioning #HtmlDialog #ProgressiveEnhancement #WebDev #Frontend #CSS

Better defaults for popovers - Manuel Matuzovic

I recently added a rule to my reset style sheet UA+ that I wanted to share with you.

Manuel Matuzovic
Daniel Fisher(lennybacon)Jan 13

Last Night I started @firefoxwebdevs and hab a look at #anchorPositioning just out of curiosity for the state of the spec. Worked all out as I intended. Reading my timeline I realize it must have been “right after” the release.

Anyway. It is pretty awesome. Have a look at the new features and therefore, baseline of the web.