Links

Item Flow, Part 1: A new unified concept for layout
Now, a third path forward is emerging — a path that would mean the CSS Working Group doesn’t choose either “Just Use Grid” or “New Masonry Layout”. It merges ideas from both with a completely-new idea to create a unified system of Item Flow properties. This article explains what Item Flow is, and its impact on both Flexbox and Grid.
First Look at The Modern attr()
Modern
attr()
provide us with a powerful way write CSS based on data attributes. At the time of writing, it’s Chrome only and I wish more browsers will follow soon.
Et tu, Grammarly?
Basically the name
--rem
is now “considered harmful” because Grammarly are bad web citizens. They are generating random class names, why specifically hijack--rem
? Why apply it globally to:root
? They could also, you know, not inject their code into every web page ever, unless the extension is actually used?
Minimal CSS-only blurry image placeholders
Here’s a CSS technique that produces blurry image placeholders (LQIPs) without cluttering up your markup — Only a single custom property needed!
The WebAIM Million - The 2025 report on the accessibility of the top 1,000,000 home pages
The 2025 WebAIM Million analysis saw a decrease in the number of detected accessibility errors and a small decrease in number of pages with WCAG conformance failures. A primary concern is the significant rate of increase in the the number of home page elements and ARIA code - both of which correlate to increased accessibility issues. Similarly, the trend of popular JavaScript frameworks and libraries corresponding with higher numbers of errors continues. Home pages are getting larger and more technologically complex at an alarming rate. It seems that if the complexity of home pages could be reined in that the rate of accessibility would increase.
Videos

Top 5 CSS Navigation Menu Mistakes
Find out how to improve the UI of your navigation menus with a few lines of CSS. Along the way, you’ll learn how to create a delayed closing effect for the dropdown menus with
transition-behavior
CSS property, how you can utilize the:has()
pseudo-class to simplify your HTML, and more.
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.