DevelopmentFun
Hyperblam
Make music with HTML.
DesignResources
Storied Colors
A catalog of named colors with documented histories.
DevelopmentResources
Nub
An all-in-one toolkit for Node.js, written in Rust.
DevelopmentFun
cssQuake
A retro 3D game rebuilt for the browser using CSS.
DesignResources
Product Design Psychology
“I wrote a book. Took me 10 years.”
DevelopmentOpinions
Must sites work the same across platforms?
“We seem to be stuck on a new hurdle.”
BusinessSamples
Why No Passkeys?
Top sites that still lack passkey support.
DesignOpinions
Consistency, but in excellence
When consistency is judged by appearance.
DevelopmentFun
I stored a website in a favicon
“This is probably the smallest website I’ve built.”
DevelopmentSamples
Modern theming with new CSS features
Using light-dark(), contrast-color(), and style queries.
DesignTools
Going from Figma to code with AI
“I’ve tested every tool. None of them works alone.”
DevelopmentOpinions
The coming loop
From prompting agents to orchestrating their loops.
DevelopmentTools
The web is evolving, so are we
Mozilla has created a new nonprofit to unify its efforts.
DevelopmentOpinions
The slot machine that codes
The cost of writing loops instead of prompts.
DevelopmentResources
Your CSS Grid Lanes will likely fail WCAG 2.4.3
“It’s too easy to create inaccessible Grid Lanes.”
DevelopmentResources
Web security docs on MDN
What’s been added and what’s coming next.
DevelopmentResources
Revisiting best practices for HTML video
“We should think more about how we use video on the web.”
DevelopmentOpinions
What’s missing from SVG
Styling external SVGs is the top request.
DesignOpinions
Less is more, more or less
Where knowing what not to build matters most.
BusinessResources
Diagrams and charts explaining digital marketing
A visual guide to core digital marketing concepts.
DevelopmentOpinions
Goodbye, Cursor
Looking for a new AI coding companion.
DesignOpinions
Rethinking Figma in an AI world
The company is up against a new way of building products.
DevelopmentSamples
Effective software design documents
Catch costly mistakes before you write code.
DevelopmentSamples
Animating the HTML dialog element
A modern approach with native web APIs.
DevelopmentSamples
Experimenting with random() in CSS
Randomness in CSS opens up many new possibilities.
DevelopmentSamples
Setting up webmentions
How Webmentions work on brennan.day.
DevelopmentSamples
AI and greener choices
“Our efforts really can make a dent.”
DesignOpinions
Navigating the maze
“The web lost its personality and soul.”
BusinessFun
Blogger archetype quiz
Ever wondered how to describe yourself as a blogger?
BusinessResources
Wooden’s 8 laws of learning
Explanation, demonstration, imitation, repetition…
DesignSamples
Handwritten blog
A blog where every post and comment is written by hand.
DevelopmentResources
Warm Burnout
A color scheme with warm colors and good contrast.
DevelopmentOpinions
Why are we not using service workers?
Pros and cons of an underused web technology.
DevelopmentOpinions
Who pays for the tokens?
Whose interest does AI loop engineering serve?
DevelopmentSamples
CSS states and JavaScript events
CSS pseudo-classes that behave like event listeners.
DevelopmentSamples
Fluid typography with progress()
Viewport-based type sizing without the pitfalls.
DevelopmentSamples
The Goldilocks customizable select height
“There’s a sizing ‘pattern’ that’s almost always the-one-you-want.”
BusinessTools
Introducing Lumo 2.0
“The most powerful private AI.”
DevelopmentResources
Introducing HTML ‘usermedia’
Chrome’s declarative element for camera/microphone access.
DevelopmentSkills
a11y.quest
128 questions to level up your accessibility game.
DesignTools
Google’s new Nano Banana 2 Lite
The image model balances cost, speed, and quality.
DevelopmentSamples
On the semantic web
“Semantic HTML is interface infrastructure.“
BusinessFun
The AI Compass
Which of 30 AI archetypes are you?
DevelopmentResources
New to the web platform (June 2026)
Sizing form controls with ‘field-sizing’ becomes Baseline, and more.
DevelopmentResources
Introducing the Safari MCP server
Let your AI agent inspect web pages in Safari.
BusinessResources
Cloudflare’s economic layer of the AI web
The shift from ‘pay per crawl’ to ‘pay per use’.
DesignTools
Everything new in Figma at Config 2026
“It feels like Figma is stepping further onto Adobe’s turf than ever.”
DesignTools
Figma is building accessibility into its canvas
“We created a Mirror DOM structure.”
DevelopmentResources
Unicode character class escapes
“A hidden JavaScript superpower.”
DevelopmentOpinions
“Mobile First” vs Mobile First™
What “Mobile First” was and what it became.
DevelopmentSamples
Fixing full-bleed CSS
A novel approach using some at-rule property magic.
DevelopmentOpinions
Svelte feels like the “Native language” of the web
“When code feels natural, it’s more enjoyable.”
DevelopmentSamples
Progressively enhancing CSS Grid Lanes
Can native masonry layouts be used safely today?
DesignResources
Designing finger-friendly interactions
“Show your hands honor for the strange power they bring you.”
BusinessOpinions
Bring back crappy forums
What if we had stuck with them?
BusinessOpinions
My review of Uruky
Uruky compared to the Kagi search engine.
DesignSamples
This page left intentionally blank
“In our age of generative AI, a blank page is a deliberate act!”
DesignSamples
TOLIS C
A design engineer’s creative web space.
DevelopmentTools
ua-tracer
Inspect what a user agent actually does.
BusinessTools
SmoothCSV
Edit your CSV files intuitively the way you want.
DevelopmentSamples
Cloudflare Turnstile
Stopping form bots without annoying CAPTCHAs.
DevelopmentSamples
Do URLs in prompts change LLM responses?
“It took me weeks of experimentation.”
DesignTrends
Wait, who made this?
The rise of creative provenance.
DevelopmentResources
Getting started with Anchor Positioning
An interactive guide to the Anchor Positioning API.
DevelopmentResources
What’s new in ECMAScript 2026
This year’s additions explained with examples.
DevelopmentResources
Creating PWA icons
Icons that look right on every platform.
DevelopmentOpinions
AI can’t solve it all
What 120+ frontend developers still hate working on.
DesignOpinions
Design engineering
What it is, how it’s changed, and where it’s going.
DesignOpinions
Should we drop “Responsive” for design?
Rethinking “Responsive Design” and “Adaptive Design”.
DesignResources
Type consistency in changing conditions
How grade preserves visual balance across contexts.
DesignSamples
I tested 4 top AI design tools
How they solved the same UX design challenge.
DesignOpinions
Let’s fix the web’s text size
Introducing the HTML ‘text-scale’ meta element.
DevelopmentTools
Rewriting Bun in Rust
“One engineer can do a lot more today than a year ago.”
DevelopmentResources
Connection Allowlist
A network firewall, built into the browser.
DevelopmentSamples
How I set up view transitions
A deep dive into the mechanics behind the transitions.
DevelopmentSamples
Invisible but accessible interactive elements
Use cases and implementation techniques.
DevelopmentTrends
PHP version stats (July 2026)
Version adoption across the Packagist ecosystem.
DevelopmentTools
The making of Claude Code
How Anthropic built a new way to work with code.
BusinessTools
OpenAI is shutting down Atlas
But its AI browser ambitions are still growing.
DesignTools
Penpot 2.17
The design tool brings long-awaited features.
BusinessOpinions
The problem is prompt debt
“You can’t be model agnostic if you’re hand-tuning prompts.”
DevelopmentSamples
Link + popover navigation
Using HTML ‘popover’ instead of disclosure widgets.
DevelopmentResources
HTTP QUERY method
“QUERY gives you the best of both GET and POST.”
DevelopmentResources
Get ready for CSS ‘border-shape’
Let’s create crazy shapes with modern CSS!
DevelopmentOpinions
What happened to the frontend
“The industry sprinted in a giant circle.”
DevelopmentOpinions
Google Reader was building the wrong future
The feeds weren’t the point, the people were.
BusinessTools
HyperTexting
Your social timeline powered by the open web.
DevelopmentTools
Button State Builder
A visual editor for designing multi-state buttons.
BusinessFun
All the futures
You don’t want to be left behind.
DevelopmentTools
Quay
An app to manage your local development services.
DevelopmentSamples
SVG filters on type
From ink bleed to woodtype shadows and metal forms.
DesignOpinions
An infuriating goodbye to Photoshop
“So long, Photoshop, you are well past your prime.”
DevelopmentOpinions
Own the outer loop
“Agents have leverage, and leverage creates obligations.”
DevelopmentSamples
Different hydration and rendering strategies
Benefits and tradeoffs of modern rendering approaches.
DevelopmentOpinions
Grok is back
“Perhaps I was too quick to dismiss Grok.”
DevelopmentSamples
Setting type like a printed page
Most of a typesetter’s craft is now built into CSS.
BusinessTools
Introducing Precursor
Cloudflare strengthens bot detection with behavioral signals.
DevelopmentOpinions
In defense of polyfills
“A web platform without polyfills would be a stagnant platform.”
DesignOpinions
The terminal became my canvas
“It’s great… but horrible at the same time.”
BusinessTools
The State of Open Source AI
Where open AI is winning and where it is exposed.