gradient.style has finally - come out of beta - offers multiple background editing - is open source 🎉

nerdy.dev

Gradient Style Is Out Of Beta · August 28, 2025

I'm happy to share that gradient.style is out of beta and: has been Open Sourced finally supports multiple background layers Open to feedback a...

The making of a #CSS5 HDR enabled gradient tool a fun peek into the sketching that led to the gradient line UI, the color picker, the overall layout, some math and more!

nerdy.dev

The Making of gradient.style · August 27, 2025

A fun sneak peek into the sketching that led to the UI.

#CSS ✅ contrast-color() ✅ control-value() ✅ sibling-index() ✅ scroll-state() ✅ mixins/functions ✅ @starting-style We chat these and much more over on the @npub1u9r2...fgs4 show ⤷

nerdy.dev

Working Draft Show Revision 672 · July 28, 2025

Ep #672 The Working Draft With Schepp , Vanessa and me Join us for a tour of of what’s new and what’s next in CSS. Listen · Watch · Subscribe

VisBug comes preinstalled in the Orion browser 🤘🏻💀

nerdy.dev

VisBug was built into a browser! · July 29, 2025

A browser with "Design Tools" 🏻

a quick prototype sprint on an LLM chat interface ✅ view transitions ✅ readablestreams ✅ flow control ✅ light/dark

nerdy.dev

LLM chat prototype · July 28, 2025

ReadableStreams, view transitions, throttling, and much more.

`-webkit-focus-ring-color` `-moz-focus-ring-color` ^ the adaptive "system variable focus outline" color you can use to look integrated when using `color-scheme: light dark` would be nice to not have the prefix, just be part of this

<system-color> - CSS | MDN

The <system-color> CSS data type usually reflects the default color choices used for the different parts of a web page.

some of my UI work

nerdy.dev

Sizzle Rizzle · July 4, 2025

A small sample of UI , code , tools , and design from my 20 professional years of webdev.

Recreating the Nintendo Switch Homescreen scroll UX - 90% done with CSS - a li'l JS for sounds, vibrations n' taps

nerdy.dev

Nintendo Switch Homescreen recreated with CSS and a li

Scroll snap, scroll-state, scroll-driven animation, and more; adding up to the smooth and tangible scroll experience we all have come to love from ...

```css textarea { scrollbar-width: thin; } ``` thoughts?

3 Unintuitive #CSS Layout “Solutions” ``` min-width: 0? flex-shrink: 0? repeat(auto-fill, minmax(min(10rem, 100%), 1fr)) ``` wat?

nerdy.dev

3 Unintuitive CSS Layout “Solutions” · May 22, 2025

min-height: 0 , flex-shrink: 0 , and repeat(auto-fill, minmax(min(10rem, 100%), 1fr))