Profile

How to use #CSS to fix the irradiation illusion / How to adjust perceived font weight in dark mode without layout shift

nerdy.dev

Using CSS to fix the irradiation illusion · November 29, 2025

How to adjust perceived font weight in dark mode without layout shift

workin on a web component: `<color-input>`

you get a squircle, you get a squircle, i get a squirtle

nerdy.dev

Squircles · September 26, 2025

Squircles with clip-path: shape() , while we wait for corner-shape: squircle . Vote for corner-shape in Interop 2026 or give this little GUI a peep...

#css

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&#39;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 &quot;Design Tools&quot; 🏻

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

&lt;system-color&gt; - 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.