Package manager easter eggs

The whimsical side of dependency management.

HueGrid

Create and explore vivid patterns and gradients.

DNS Lookup

Query DNS records securely via DNS-over-HTTPS.

Ziptable

Just share small datasets inside a link.

Syntaqlite Playground

Parse, format, validate, and tokenize SQLite queries.

Why OKLCH

“Define colors perceptually, derive everything else.”

A practical guide to design principles

Choosing principles that shape design decisions.

Preloading images with JavaScript

Strengths and weaknesses of different techniques.

Uptime of GitHub Pages alternatives

Comparing Codeberg Pages, GitLab Pages, and Bitbucket Cloud.

Signals, the push-pull based algorithm

How push-pull powers modern reactive frameworks.

Why every UI problem is an IA problem

“You’re already doing information architecture.”

The agentic web

How AI systems will change websites.

Get more done in Chrome

Meet vertical tabs and immersive reading mode.

Screen readers are not testing tools

They only show the symptoms of bad code.

Under the hood of MDN’s new frontend

How web components overhauled the web docs platform.

The invisible layer of UX

Why designers must hear what they build.

The Intl API

“The best browser API you’re not using.”

You can’t cancel a JavaScript promise

But you can return a promise that never resolves.

Train your judgement on animations

“Settling for good enough is not good enough.”

CSS name-only containers

The scoping we needed and the one we have.

Base64 is fast now, actually

The surprising speed of native base64 encoding.

We’re all doing the same job now

What now, product managers, designers, and engineers?

Accessibility fixes with stealth

Tactics for accessibility upgrades in unsupportive organizations.

The 3 C’s of informational microcopy

Clarity and Concision set the stage for Character.

CSS ‘font-family’ fallbacks can trick you

Prevent visual glitches with complete font stacks.

Fully local code embeds

A web component for rendering code sandboxes.

RSS dependent websites in 2026

Growing an audience without an email newsletter.

Handmade designs

AI-fatigued users prefer websites with a human touch.

Delphi Tools

A wonderful set of handmade utilities for web creators.

ColoRosetta

A utility for translating colors across color spaces.

Making complex CSS shapes with shape()

Wavy, wiggly, blob, squiggly, ragged, and torn ones.

A new Wakamai Fondue

Relaunch of the beloved font explorer.

Why AI sucks at front end

The many moving targets it can’t hit.

The DX shift no one noticed

How web interoperability quietly reshapes frontend.

The design engineer symptom

What a rising job title reveals.

Squash and stretch

The little secret that makes animations feel alive.

Pushing to GitHub and Codeberg

How to configure Git to push to both remotes.

Green components

Applying W3C’s sustainability guidelines to design systems.

Documentation for humans and AI

Rethinking product documentation to serve both.

New back button hijacking spam policy

Google will penalize sites that manipulate the browser back button.

No-stack web development

“Use the tool, don’t become the tool.”

”We’re not designing interfaces anymore. We’re designing how interfaces are created.”

One dev, two dozen agents, zero alignment

Why we need collaborative AI engineering.

Git commands I run before reading code

Five commands to diagnose where a codebase struggles.

AI feels like a drug

When dependency is dressed as efficiency.

The radio state machine

Turning radio inputs into pure CSS state engines.

Security looks like proof of work now

“Code remains cheap, unless it needs to be secure.”

Eliminating the MCP token costs in Claude

How to enable on-demand loading for MCP.

Browser Run

Cloudflare gives your AI agents a browser automation platform.

Building a UI without breakpoints

Moving to fluid CSS components for the modern web.

The four sensible ways to build a website

“Choose the system you can run.”

How accurate are Google’s AI overviews?

Mostly right, but still wrong millions of times every hour.

Modern CSS feature support for shadow DOM

“Think ‘CanIUse’ but for CSS for web components.”

Codex for (almost) everything

OpenAI turns its agent into a development partner.

Your homepage matters again

AI swings the SEO pendulum back.

Playwright accessibility testing

Writing tests that catch what Axe and Lighthouse miss.

Inverted themes with light-dark()

Flipping color modes with container style queries.

Figma is no longer the source of truth

“Storybook replaced Figma as our shared working surface.”

The AI writing witch hunt is pointless

We have fought this battle before.

Introducing Claude Design

Anthropic Labs’ new tool for co-designing with Claude.

Prove that you’re human

Advice for launching a product right now.

Add personality to your newsletter

Fresh ways to make emails feel human.

Charcuterie

A visual explorer for Unicode.

Shader Lab

Seamlessly create, layer, and animate shaders.

HoloTab

An AI browser companion that takes action for you.

Moravec’s Paradox

Where easy is hard and hard is easy.

HTML Memory Quiz Game

How many HTML tags can you remember?

3dsvg

Easily turn SVGs into interactive 3D objects.

The accessibility problem isn’t design

“It’s about who’s writing the front-end code.”

Start designing in content, not in code

“Putting the cart before the horse is not giving you real velocity wins.”

Images that look brighter than your screen

How to (ab)use HDR images for marketing.

Claude Design just dropped

Where it shines and where it struggles.

Scroll spy with pure CSS

A modern way to highlight active TOC links.

What’s actually new in JavaScript

What we can use today, tomorrow, and with AI tools.

Is Your Site Agent-Ready?

Scan your website for agent-friendly standards.

Announcing TypeScript 7.0 beta

“You can probably start using this immediately.”

Never lose form progress again

A web component storing and restoring form values.

Highlights from Git 2.54

Rewrite history with ‘git history‘, config-based hooks, and more.

Thoughts and feelings around Claude Design

“Figma’s Sketch moment is rapidly approaching.”

“The faster agents move, the more valuable design judgement will become.”

The slow demise of WebPageTest

How the iconic web performance tool lost its edge.

How to use Claude Design for UX/UI

Every workflow starts with the design system.

Design token naming conventions

Building a clear, consistent, and scalable structure.

The end of responsive images

Automatic HTML image sizing is a game changer.

“The design system is no longer just documentation for developers. It is instructions for a machine.”

Black box AI drift

“AI tools are making design decisions nobody asked for.”

Good designers, bad websites

Using personas to spot accessibility gaps early.

Container query typography systems

Type that adapts to its own space.

What SEOs get wrong about AI search

“SEOs agree on what to do, but not what to call it.”

Mouth coding

Talking websites into existence with AI.

The web is fun again

First experiments with HTML in canvas.

AI and ambition

How AI makes us more ambitious as web builders.

It’s all just trees with Web Origami

”I love it, and I’ve used it on many sites.”

The courage to stop

“Brevity was always a discipline. Now it’s a statement.”

Pica

A mighty font manager built for macOS.

Wiretext

Draw wireframes and export them as Markdown.

ObsoHTML

Scan for obsolete and proprietary HTML code.

Multi-stroke text effect

An iconic retro style recreated by CSS.

CSS recently in all browsers

Highlights from the past few months.

Automate the browser from the terminal

What to expect from Chrome DevTools MCP CLI?