Web Vitals and Google Analytics
This guide covers how to capture Core Web Vitals locally using pure ES Modules (without a bundler or import maps) and route that data to an analytics platform so you can monitor real user...
Home
Choosing an Architecture for Component Development
When we build interfaces or components, we must decide how to organize our code. Do we group files by type (e.g., all CSS in one folder, all JavaScript in another) or by feature (e.g., all files...
Designing Without Breakpoints: Is It Possible?
Responsive web design has always meant breakpoints. You pick a handful of viewport widths—375px, 768px, 1024px, 1280px—and write media queries to reshape your layout at each one. For most of the...
Avoiding Overengineering: How to Balance Simplicity and Complexity
For 13 years, I relied on WordPress to run my blog. While it was a great tool, it was also a pain to maintain and update. Security issues, plugin conflicts, and performance problems were common. I...
The Unsuspected Casualty of the AI Copyright War
The rise of AI has sparked a new wave of copyright battles, with publishers suing AI companies for using their content without permission. An unexpected casualty in this war is the Internet Archive's...
More Than One Way To Solve The Problem In CSS
As CSS evolves, the CSS Working Group continues to introduce features that replace older, brittle patterns. Many teams, however, still rely on legacy techniques and characterize newer approaches as...
AI-Generated UI and the Accessibility Prompt Problem
AI-Generated UI Is Inaccessible by Default presents a bleak picture of the current state of accessibility in AI-generated user interfaces. The article highlights that AI-generated UIs often lack...
Designing Predictable Web Component APIs
A production-ready web component feels invisible to the developer using it. It should behave exactly like a native HTML element, such as an <input> or a <video> tag. Achieving this...
Creating a Custom-Admonition Web Component
I love the way Lea Verou's web site looks, particularly the way the admonitions look on her site. I looked at t he CSS she used for the admonitions and thought it would be fun to create my own...
From Markdown to PDF: A PrinceXML Pipeline
In From Markdown to PDF: Pandoc, we explored how to use Pandoc to convert Markdown into PDF. While Pandoc is a powerful tool, it has limitations in terms of styling and layout control; it uses LaTeX...