Email or username:

Password:

Forgot your password?
Adam's posts Post Back to profile
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

the over-easy machine from mini web machines
4 September at 16:30 | Open on front-end.social
9 comments
Adam Argyle

little teaser of some of the demo's 🙂

4 September at 16:30 | Open on front-end.social
Jak2k

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

4 September at 16:51 | Open on mastodontech.de
Adam Argyle
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…

4 September at 19:38 | Open on mastodontech.de
Adam Argyle
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?

4 September at 17:44 | Open on mas.to
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

4 September at 17:48 | Open on front-end.social
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.

4 September at 17:53 | Open on mas.to
Go Up