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.

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.

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.

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.

Buttons can now perform actions on other elements declaratively. The commandfor button takes an ID—similar to the for attribute—while command accepts built-in values. The browser handles the logic and accessibility for you. There's no need to manage aria-expanded or add any additional JavaScript.