RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconGit IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit 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‽