Links

Animating zooming using CSS: transform order is important… sometimes
Weird, huh? You wouldn't expect something like
rotate(0)
, which is equivalent tonone
, to completely change how the animation works, but this is happening entirely as designed in the CSS spec. Let's dig into why.
Having figure match width of contained image
Earlier this week, I explored a solution to center an image and caption by making the figure take on the width of the image even when the caption was longer than the image. I wanted the caption to wrap if needed. I asked several other CSS wizards to weigh in.
Bluesky Likes Web Components
I set out to announce two components I wrote for displaying Bluesky likes and ended up ranting about the pain of building accessible, localizable web components in 2025. The components are still here, though — lucky you?
HTML spec change: escaping < and > in attributes
On May 20, 2025, the HTML specification was updated to escape
<
and>
in attributes, helping prevent XSS vulnerabilities. This post details the impact of the HTML attribute escaping change on web developers and potential breakages.
What I Wish Someone Told Me When I Was Getting Into ARIA
Accessible Rich Internet Applications (ARIA) is an inevitability when working on web accessibility. That said, it’s everyone’s first time learning about ARIA at some point.
Videos

Getting started with CSS Style Queries
Style queries are going to change the way that we write CSS, and my front-end friend, and to celebrate how awesome they are, and to help raise awareness about them, this video is kicking off a mini-series here on this channel called Style Query Spotlight.
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! They solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations.
If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.