Hide/Show Passwords: Ten Years Later
A look back at one of my first (and most popular) open source projects.
Standards, Page 2
Stop Lazy Loading Product and Hero Images
I see a recurring performance problem on many ecommerce sites—the most important images on the page are being lazy loaded when they shouldn't be. You’re better off not implementing lazy loading at all than implementing it incorrectly.
Progressively Enhanced Form Validation, Part 2: Layering in JavaScript
In Part 2 of this series, we take the base HTML and CSS form validation experience and progressively enhance it by adding JavaScript and the Constraint Validation API while also addressing accessibility concerns.
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.
The Priority of Constituencies Needs a Rewrite
Deep in the W3C HTML Design Principles spec, there’s a crucial detail that we at Cloud Four use as our north star in the course of our work. We’ve written about…
Responsive Headlines Are About to Get Awesome
Chrome intends to ship CSS headline balancing, and the future looks bright for expressive web typography.
On Container Queries, Responsive Images, and JPEG-XL
With the news that CSS Container Queries have shipped in nearly all stable, modern browsers, it’s time to revisit responsive images and ask how they fit in a container query world. Are we on the right path?
Tyler’s CSS Wish List for 2023
Cloud Four’s creative director ponders what he’d like to see from CSS in the coming year.
So… you can set an SVG circle’s radius in CSS?
But I'm not sure when this became widely supported, and I can't find anything about it online...
An Interesting Limitation of CSS Custom Properties
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.