Email or username:

Password:

Forgot your password?
Adam Argyle

**The Over-Easy Machine**

- UI layering with `anchor()`
- no more complex `position: absolute`
- keyword alignment
- intrinsically sized based on content
- pairs radically with `popover` elements

**Watch**
youtube.com/watch?v=ASb9vO3ARH

nerdy.dev/the-over-easy-mini-w

9 comments
Adam Argyle

little teaser of some of the demo's 🙂

Jak2k

@argyleink
What does the follow button do? Open Mastodon?

Jak2k

@argyleink
Imagine a browser extension adding a profile/preview card to links using that CSS. That would be super cool! It'll have to add that to my bloated ideas-list…

Darin Senneff

@argyleink Adam, is there a way for the popover to shift left/right if it extends outside the viewport edge? I see how to flip it when vertical scrolling, but what if the viewport narrows and the inline edges of the popover now touch the sides?

Adam Argyle

@darin that's coming in the v2 of anchor() spec, called "sliding" right now, where it will slide to stay in view!

little angles and triangles that can follow the flipping are also coming in v2 as ::tether pseudo elements

Darin Senneff

@argyleink Ah, very nice! Looking forward to those features. I was playing with custom fallbacks to get that working but didn’t know if that was the correct route.

Go Up