These are just some of a million potential ideas, admittedly with a slightly clickbaity flair to them.

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

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

Firefox 146 becomes the first to trial @custom-media, an at-rule that’s like custom properties but for media queries.

Firefox 146 becomes the first to trial @custom-media, an at-rule that’s like custom properties but for media queries.

Using modern CSS to create a dynamic link that connects two circles, whatever their position

Using modern CSS to create a dynamic link that connects two circles, whatever their position

I have some notes from various times I’ve thought about the idea of native CSS mixins so I figured I’d get ’em down on (digital) paper!

I feel like common usage for multi-page view transitions is to set up a general system for them that applies generally to all pages and elements, then let it ride.

Safari 26.2 ships sibling-index(), sibling-count(), and field-sizing, bringing them close to baseline.

Design systems aren’t just about keeping everything looking the same; they’re about making things flexible enough to handle whatever gets thrown at them.

It’s quite an unusual look when you see an element glide along it’s parent element as position: fixed;, the slide right on out of it, as if the positoning of it somehow magically changes at just the right moment, to position: sticky;. This is exactly what…

When I started learning more about web development, or more specifically about front-end frameworks, I thought writing components was so much better and more maintainable than calling .innerHTML() whenever you need to perform DOM operations. JSX felt like…

HTML Document Outline is dead.

A fully-interactive Mario World demo built using HTML and CSS only (requires Chrome, for now).

This just bit me the other day so I’m going to write it down. Again, as it’s surprised me before. I just think I can maybe explain it even more clearly this time.

Chris Coyier swiftly demonstrates how !important works with CSS variables.

Connect circles with arrows and show their distance using moder CSS.

Connect circles with arrows and show their distance using moder CSS.

Firefox 146 now supports @scope in CSS, joining Chrome and Safari, meaning that it’s now supported in all major web browsers, earning it the “Baseline: Newly Available” tag.