Links

Cowardly Defaults and Courageous Overrides with Modern CSS
We don’t use utility classes as often as we used to, but they still come in handy on occasion. One challenge when styling utilities is to provide more value than an inline style without sacrificing versatility.
Self Gap
Thinking of a way to have a custom gap between some flex or grid items. Have you ever removed a flexbox from a container or wrapped some elements in a new container just to have more control over the spacing between the items? You are not alone.
A Deep Dive into the Inline Background Overlap Problem
box-decoration-break: clone;
in CSS can help us make for interesting backgrounds across lines of text that break, but when opacity gets involved, things can get complicated.
In defence of fluid typography
This is a response to Miriam Suzanne’s excellent post on Reimagining Fluid Typography. She poses lots of really interesting questions, some of which I disagree with, but most of all they got me thinking… and writing.
Introducing `command` and `commandfor`
Buttons can now perform actions on other elements declaratively. The
commandfor
button takes an ID—similar to thefor
attribute—whilecommand
accepts built-in values. The browser handles the logic and accessibility for you. There's no need to managearia-expanded
or add any additional JavaScript.
Videos

Quick accessibility wins that are easy to implement
Accessibility can be a deep topic, but there is a lot of low-hanging fruit that so many people get wrong when there really is no excuse.
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.