The stash

Another snippet in my toolbox, and another from CSS-Tricks. Using maths to make CSS gradients that are smooth as butter.

This isn’t new (it actually happened back in 2024), but it’s only just crossed my desk that the font-stretch CSS property has been renamed to font-width. It’s interesting seeing one of the language’s mistakes being corrected.

CSS is gaining a new :heading pseudo-class for easily targeting all of h1 through h6 (or only some of those) with a single selector. Currently only in Safari Technology Preview, but likely to be available in all evergreen browsers in a matter of months.

The W3C’s Internationalization group published some handy guidance on designing address forms that support address formats from around the world.

Spec co-author Josh Tumath runs through the new HTML and CSS features that bring mobile OS text scaling to websites.

How to hide content from sighted users whilst keeping it accessible to screen readers and other assistive technologies.

A must have for anyone’s CSS snippet collection. It gets mentioned in virtually every accessibility audit I do.

How many people using your website are neurodivergent or have vision issues? How many have low literacy skills or only have internet access on their phone? This tool estimates those numbers for you using data from various charities and government organisations.

Safari Technical Preview 234 includes support for the new CSS Grid Lanes specification (aka, native masonry layouts!)

The WebKit team have been noodling on this for a good while now, and have engaged a ton with the web community on almost every aspect of it, so it’s great to see things coming to fruition.

The 2017 book Accessibility for Everyone has been published online, in full, by the original author. Accessibility practices haven’t changed much since then, so it’s still a useful read!