musiq
Some web components that render piano keys and guitar fretboards in various configurations. Handy for educators!
Aphera
This is looking like a genuine challenger for Adobe Lightroom.
Media queries range syntax
A very concise explainer on this ever-useful syntax by one of the best in the biz at explaining CSS syntax.
You probably shouldn’t be annotating focus order
One of the best overviews of dealing with focus well in UI design/development we've seen out there.
Using safe-area-inset to build mobile-safe layouts
This is fantastic. The writing is superb and the interactive demos really help nail, understanding the concepts.
Printing the web: making webpages look good on paper
Here's one from the Piccalilli archives that you might have missed to wrap up this issue.
P.S. the standard.site Bluesky link cards integration is looking really cool.
Sponsor message
Optimize visitor experience with DebugBear
DebugBear real user monitoring tells you how fast your website is for your visitors and where you need to optimize.
Get in-depth diagnostics across Google’s Core Web Vitals metrics. For example, you can see what page elements and scripts are responsible for slow user interactions.