How the minmax() Function Works
A great description of one of the most powerful features in CSS Grid.
This function opens the door to us being able to write much more powerful and succinct CSS by allowing us to set, as a value for a grid track, a function including both a minimum and maximum value.
Related links
New CSS that can actually be used in 2024 | Thomasorus
Logical properties, container queries, :has, :is, :where, min(), max(), clamp(), nesting, cascade layers, subgrid, and more.
Printing music with CSS grid
Laying out sheet music with CSS grid—sounds extreme until you see it abstracted into a web component.
We need fluid and responsive music rendering for the web!
Designing better target sizes
This is a wonderfully in-depth interactive explainer on touch target sizes, with plenty of examples.
Some simple ways to make content look good - Set Studio
This is a terrific walkthrough from Andy showing how smart fundamentals in your CSS can give you a beautiful readable document without much work.
Related posts
content-visibility in Safari
Safari 18 supports `content-visibility: auto` …but there’s a very niche little bug in the implementation.
Speedier tunes
Improving performance with containment.
Declarative design
Defining the inputs instead of trying to control the outputs.
Faulty logic
CSS logical properties here, they just aren’t evenly distributed yet.
Sass and clamp
Worst buddy movie ever.