We’re going to build a set of nested <details> elements that behave like nested menus. Click a top-level link, drill down into a submenu, which can drill down into another submenu, etc. Think of them as nesting dolls… without the shrinking size. We take off…

We’ve done posts like this for CSS, but JavaScript deserves the same dangnabit! Especially as JavaScript does a better job of versioning itself anyway. We’ll cover new stuff in the language itself, but being a JavaScript practitioner involves more than the…

A new property to easily create CSS shapes while preserving borders, shadows, outlines, etc

Chrome 147 ships contrast-color() (the Color Level 5 version that only resolves to black or white), making it baseline.

Visual effects like those produced by SVG <filter>s used to live in the “here be dragons” zone for me. I’m more of a tech, not an artist, so I usually steer clear of anything designery like UI, layout, typography, etc. My strength lies in building compact…

I was very lucky to get to compete in Syntax’s MadCSS Battle recently. I got rightfully ousted in the 2nd round by Scott himself! See the outcome of the battle in the image below.

An SVG-to-CSS converter to easily transform SVG shapes into CSS shapes

A five-layer enforcement system for semantic correctness in LLM-generated React components

The conversation about AI and coding work is full of highs.

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

TanStack Start is one of the newest web frameworks, and its popularity is rising quickly. Start is a thin server-side layer that sits atop TanStack Router and provides features like server functions, API endpoints, and server-side rendering. I wrote a three…

Firefox 150 ships revert-rule, which rolls the rule back to when it didn’t have its current value. It’ll be Baseline once Chrome 148 ships.

Every once in a while, the platform drops something that makes you want to build strange demos again, or at least weirder ones. The new HTML in Canvas API is a perfect example of one of those moments.

Firefox 150 ships :muted and all other media-based pseudo-classes, but they lack support in Chrome.

Safari TP 242 trials the more advanced version of attr() from CSS Values and Units Module Level 5.

If you have any shared styles across multiple shadow DOMs (imagine 20 custom button components), a Constructable Stylesheets is just way more efficient.

Last year I watched a senior engineer ship an AI-generated authentication module that passed every test in CI. Two weeks later it was the root cause of a production outage. The module was using a deprecated OAuth flow that the model had learned from three…