Blog Post Articles

Best bet: just always use them.

More nuanced take: there is a few situations where using the physical property is still releavant.

It’s a complicated look! There may or may not be blurring, light refracts in tricky ways, the highlights are quite bright, and you’ve got to be very careful about text contrast accessibility.

When an image isn’t “full width”, but you want that caption underneath to wrap at the end of the image.

Zustand is a minimal, but fun and effective state management library which just may improve your render performance.

A single button, but it has two different behaviors in JavaScript depending on how far you’ve scrolled in an element (as determined by CSS!)

A look at what happens when you add a whole list of transforms to an element, and how that interacts with `animation-composition`.

The last part of this series is taking our site that we’ve got in GitHub and addng an Astro build process to it, then mapping a domain we own to the Netlify-hosted site.

It’s pretty straightforward to animate list items into new positions, but there is a few tricks when the specific one you’ve chosen to move needs a *different* transition.

The `satisfies` keyword allows you to assert that a certain value “satisfies” a given type, while preventing a wider type from being inferred.

You’ve got A LOT of control over the design of select menus now, and it can be done as a progressive enhancement.