Profile avatar
jhey.dev
⚑️ You bring ideas, I show you how to build them πŸ‘¨β€πŸ³ Staff Design Engineer @ ??? (ex @google, @vercel 🫑) πŸ“š Making a UI course craftofui.dev πŸ“° Blog: craftofui.substack.com ❀️ @seaotta.dev
692 posts 9,406 followers 29 following
Getting Started
Active Commenter
Posts 6 Comments 44

this was my last week at Vercel β–² it's been great – super excited for what's next ┬┴┬┴─‒α΄₯β€’Κ”β”œβ”¬β”΄β”¬β”΄

submitted 2 days ago β€’ 12 comments

CSS picture-in-picture video transition using container queries + position: sticky πŸ§‘β€πŸ³ .container { container-type: scroll-state; } @​container scroll-state(stuck: top) { video { translate: calc(50vw - 100%) calc(100vh - 100%); } }

submitted 17 days ago β€’ 3 comments

wild

submitted 18 days ago β€’ 7 comments

hold to confirm signature ✍️

submitted 18 days ago β€’ 3 comments

dynamic toggle with CSS :has() 🎁 .control:not(:has(:first-of-type:checked)) .indicator { translate: 100% 0; } leverage [type=radio]:checked with :has() to set the visuals πŸ€™

submitted 42 days ago β€’ 8 comments

finally wrote up making a 3D split flap display! ✈️ πŸ‘‰ open.substack.com/pub/craftofui/p/time-travel-with-javascript

submitted 54 days ago β€’ 1 comment