Adam Argyle

@nerdy.dev

17716 Followers 606 Following

Shopify design-engineer 🎙️ co-host on @whiskey.fm 🥃 prior Google Chrome, Google Cloud, CSSWG, CSS Podcast, Bad @ CSS Creator of VisBug, open-props.style, prop-for-that, gradient.style, transition.style & more UI, UX, CSS, HTML, JS https://nerdy.dev

The left panel is titled AI - MASTER OF ENGINE & CREATION and features a sophisticated, human-like android robot with detailed internal circuits and a glowing brain. Floating text around the robot says - REWRITING GAME ENGINES with a small video screen, GENERATING REALISTIC VIDEO/IMAGES with code on a screen, and CONFIDENCE - 100%. The right panel is titled AI - FRONT-END CSS FAIL and shows a cluttered desk with a distressed small robot next to a frustrated human man pointing aggressively at a computer screen. The computer displays a chaotic webpage full of broken layout elements and a giant black void called a gaping hole. The small robot has a speech bubble that says - I'M DONE! THE FEATURE IS COMPLETE. Floating text phrases on the right side are - BESPOKE INTERACTION NIGHTMARE, CSS IS HARD, YOU'RE ABSOLUTELY RIGHT, CAN'T RENDER, LLM CAN'T MATH. The human has a mug with </> and nerdy.dev written on it.
4 leprechauns podcasting in an irish pub
square, triangle, 3d circular and 2d circular orbit demos
a slow motion and faster motion preview of the popover morph effect
@custom-media --motionOK (prefers-reduced-motion: no-preference); @media (--motionOK) { transition: transform .3s ease; }
2 scroll examples, each show Chrome before the nested scrollers had bounce effects, and after
Safari Tech Preview with green text
a bunch of baseline features newly available for dialogs and animation
a wayy too excited and merged 2 hands punk AI generated person is holding a bright cake with CSS as the cake topper, looking as tho they're going to eat it.
my spotify listening age is 83
button says Take over, next to the auto-accept AI work and stop buttons
dark mode comparison of a rounded, squircled and superelippsed button. also an inline code snippet with superellipsed corners just for fun.
demo of the effect that shows scrolling and a gradient breaking into slices and being put back together as you scroll. a few variants of the effect.