Adam Argyle

@nerdy.dev

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

pro-color-harmonies v0.11.0! ▸ opt-in gamut mapping ▸ grey input → proper neutral ramps ▸ smooth Bezold-Brücke + Abney hue drift in tints & shades ▸ demo accepts wide-gamut colors thanks to @argyleink.front-end.social.ap.brid.gy's <color-input> meodai.github.io/pro-color-ha...

Pro Color Harmonies – OKLCH palette generator

Generate perceptually-tuned color palettes from a single color: six harmony types, four styles, wave modifiers, and wide-gamut input.

meodai.github.io

animation is fun. community activities are fun. winning stuff is fun to celebrate the launch of the latest Web Dev Challenge, we've cooked up a hackathon with Webflow & @gsap-greensock.bsky.social that's fun ×3 build an animated landing page & you could win! details: codetv-gsap-cloud.webflow.io

Webflow × GSAP × CodeTV Challenge

The Webflow × GSAP challenge from CodeTV. Build with Astro, animate with GSAP, deploy with Webflow Cloud. Submit your app to win swag + a keyboard.

codetv-gsap-cloud.webflow.io

what if @property variables when defined could say like: `will-change: false` and essentially become a const conversely… what if you could say `will-change: true` and hint that you want this <number> to be on the accelerated animation path? aka: i want typed prop animations on the fast path

New demo: Animated CSS Grid Layout. codepen.io/bramus/pen/o... Here’s the thing: No View Transitions. No JS at all. Instead, it uses Anchor Positioning to anchor the cell contents to the cell. Then, CSS transitions are used to animate the contents to their new location as the grid re-layouts.