Liquid Glass 2.0 in CSS (Aqua’s Revenge) 🔗
When Apple first unveiled the Liquid Glass design language last year, I went on record as being hugely excited about this shift away from 2010s-era “f [...]
That HTML Blog
Posts
Cross-Document State Management (An In-Depth Tutorial) 🔗
This post is part of Intuitive+Learn, an exclusive series on That HTML Blog available with your Intuitive+ membership. Sign up here, or sign in to obt [...]
Designing an Autogenerated Live Color Scale in CSS 🔗
When I started work on the Willamette theme for Bridgetown (a Ruby-based web framework), I knew I wanted to provide the user developing their new Brid [...]
The Best Introduction Guide to SVG You Will Read 🔗
Scalable Vector Graphics (SVG) is the image format for the web that isn’t raster (aka pixel-based) like JPEG and PNG. It’s vector-based as the name im [...]
Masonry Layout Solved! Hello CSS Grid Lanes 🔗
For two years now we’ve been covering the circuitous path wending its way towards getting a Pinterest-style layout mode into CSS (often called “masonr [...]
Two Paradigms for Enhancing HTML Tags 🔗
Before I describe the two different paradigms for enhancing HTML tags, let’s first explain what it means to enhance an HTML tag. I’ll use the <form> t [...]
The Web Platform is a Triumph of Object-Oriented Programming 🔗
In a past life, I wrote an article called HTML is a Serialized Object Graph and That Changes Everything which made the case why understanding the decl [...]
The Nuances of JavaScript Typing using JSDoc 🔗
As someone who has worked extensively on codebases using TypeScript, as well as codebases using JavaScript, I am here to inform you: I greatly prefer [...]
Write Custom Extensions for htmx to Make it Your Own Personal Toolkit 🔗
Hot take: the killer feature of htmx which transforms it from a nice lil’ opinionated DSL for HTML-based reactivity to a powerhouse full-stack framewo [...]
Add Terrific DX to Your UI Web Components with nimble-html 🔗
Previously on That HTML Blog, I wrote about a new library I released called Reciprocate. The TL;DR is that it lets you add signal-based reactivity (bo [...]