This "sliding drawer" tutorial from @jhey.bsky.social is incredible. Learned 10 CSS and JS utilities I've never heard of. Like watching a professional street fighter use every combo perfectly 🔥
https://craftofui.substack.com/p/building-a-drawer
https://craftofui.substack.com/p/building-a-drawer
Comments
there's a voice-activated one too
this is the appropriate clip on YouTube 👇
(timestamp 20:58. not my favorite talk by any means but this demo was cool and built for that event)
https://www.youtube.com/live/N1kn5jsWPuw?si=mWqjHoglA_cOedan&t=1258
And hi Ben 🙂
i'll refine my newsletter writing skills as we go on
was very unsure about this one as there are so many things I could dig into or add, etc. real glad it's useful
'ppreciate all the work you're all doing with Astro, my go-to framework 💯
fun fact: once did the MMA thing 💀
the idea is the newsletter for the bulk and then the site with more in-depth blog posts of the newsletter issue
I could've written a lot lot more on that one. the visualViewport stuff is a rabbit hole ha
did you find that piece by the way? it's a trick animating the custom property
that's pretty fun and found that out when messing with some view transition stuff for something else 🤓
And I did find the custom properties getting set, but would need to sit down and understand how the calculations come together. Really is just scale and border radius!
that's why I made sure the implementation worked in Safari and iOS haha
but kinda cool as it uncovered that issue which meant wrapping body content and doing the animation on that
only reason it's complex with a diff is to account for transition from mid scroll