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.

Sometimes we do a cursory check on user input controls before they’re all set for data validation and submission. For instance, a form might only unlock its submit button when the user has filled in a certain number of fields. Or a user needs to fill in a…

Chrome 148 becomes the first to ship the at-rule() function for feature queries and the loading attribute for video/audio elements.

The big idea here is animating the focus ring around literally-focused elements on web pages. Like the :focus (or :focus-visible) styles, either the default or your own.

createUser(user, true, false) works. It's also surprisingly hard to read. Here's why I've stopped writing APIs like this in JavaScript.

Applying an infinite animation to an element is a simple task. For example, to make an element rotate indefinitely, you add the code below, and it’s done.

I saw this reasonable ask for help the other day.

Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

A callout UI typically has a leader line (or “tail”) with a text box at one end. It is often used as a visual highlight and to add annotations in a casual layout. Let’s look at one way to design a callout like this using CSS offset and borders.

Time for part 2! This time, we will see how to start/stop infinite animations smoothly. The goal is to make the effect look natural and realistic. As in the previous article, we will study the effects using rotation and then explore additional examples.

Firefox 151 ships container style queries (finally), which enable us to query the custom properties of containers, making them Baseline.