Progressively Enhanced Form Validation, Part 1: HTML and CSS

Browsers nowadays have built-in form validation features that make JavaScript-only solutions unnecessary. Let's explore what this might look like using progressive enhancement techniques.
You appear to be offline, some content may be unavailable.
Browsers nowadays have built-in form validation features that make JavaScript-only solutions unnecessary. Let's explore what this might look like using progressive enhancement techniques.
Is it possible to center-align text content vertically when it’s shorter than a floating image?
Since `ch` units are based on your current font their value can change when fonts are loaded and cause unexpected layout shifts.
Chrome intends to ship CSS headline balancing, and the future looks bright for expressive web typography.
Fading adjacent menu items on hover is simpler than you might think.
Cloud Four’s creative director ponders what he’d like to see from CSS in the coming year.
But I'm not sure when this became widely supported, and I can't find anything about it online...
"Learn the rules like a pro so you can break them like an artist." — Falsely attributed to Pablo Picasso
As soon as I read my teammate Paul’s explanation of the math behind nesting rounded corners, I wanted to recreate it using custom properties and calc.
I was recently designing an interface with a lot of rounded corners. But, when I nested rounded corners it looked off somehow...