RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconOpen Source Software IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit IconNotebook IconObservable Notebooks Icon
My google avatar.
devrel@google
notecsshtmlshows

Ep #4
Pop n' Lock

The latest Mini Web Machine on Chrome Developers · Tiny bits of code that power great UX.

Pop n' Lock Mini Web Machines

Join the conversation on

16 likes
3 reposts
  • Vint Prox
  • Chris Thomas
  • Tomáš Kout
???? Mini Web Machine Pop n' Lock - basics - explanations of top-layer, overlay and transition-behavior - how to transition a Watch on YouTube! www.youtube.com/watch?v=f3N-... ⤷ nerdy.dev/pop-n-lock-d...
Adam ArgyleAdam Argyle

`<dialog>` examples demo:

- default
- error
- wait
- notify
- confirm
- transitioned
- light dismiss
- fully customized

https://codepen.io/argyleink/pen/VwJvqrW

<dialog> types
Adam ArgyleAdam Argyle

view transitions light-box dialog demo!

https://codepen.io/argyleink/pen/ZENRLva

<dialog> lightbox for any image
Adam ArgyleAdam Argyle
you have no idea how excited I was when I discovered these, absolute wins on so many levels
JanneJanne

Crawl the CSS Webring‽