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…

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

While AI for codegen is manageable, integrating AI into team workflows presents more challenges, such as maintaining quality long term and managing technical debt.

There’s no shortage of form libraries to help manage the complexity of form handling, particularly in React. In this post, we’ll look at TanStack Form. Like other TanStack libraries, Form takes strong typing and performance seriously. It’s also detail-oriented…

Heerich.js is a new, tiny engine for creating 3D voxel scenes that render as SVGs and can be styled using CSS.