Development

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.

Part 4 explores the ValidityState API, a powerful, approachable, and well-supported API we can use to define custom validation messages.

When developing websites, I often create the same boilerplate structure over and over. By creating a custom scaffolding script, I can automate this boring task and save a lot of time.

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.

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 block editor is super powerful, but how do we bring in dozens or hundreds of external HTML and CSS patterns?

Is it possible to center-align text content vertically when it’s shorter than a floating image?

Animation can help inform user about changes in your app. And the View Transitions API makes adding animations easier than ever.

In a recent interview, I had the opportunity to sit down with Paul Hebert, a talented Cloud Four senior designer and developer, to discuss a recent case study involving…