Regenerative design principles

What if every design made the world thrive?

“Openness is what makes the Internet the Internet. It needs to be actively pursued if we want the Internet to continue providing the value that society has come to depend upon from it.”

Search Bench

Compare search engines blindly and pick the winner.

Find Font

Compare fonts side by side with your own text.

NoLoJS

Common JavaScript patterns done with HTML/CSS.

Glippy

Check if your website is ready for AI search engines.

Flickr’s URLs scheme

”It was a beautiful and predictable scheme.”

Rely on AI and get left behind

Who will fix code no one understands anymore?

The interface is content

“User interfaces need to be improved, not removed.”

“Do what’s hard in Figma”

A manifesto for outstanding designs.

Dictionary Compression is finally here

”It offers absurd real-world traffic reductions.”

CSS Anchor Positioning issues?

Edge cases where it doesn’t work.

Sketching with code

Treating code like a pencil, not a blueprint.

AI didn’t create the craft crisis in design

“AI exposed the technical literacy gap.”

Embrace the chaos

The shape and flow of masonry layouts.

Lazy HTML media

Native lazy-loading of video/audio elements is coming!

Extended overthinking

“You could’ve just… made the button.”

From instanceof to Error.isError()

Safer error checking in JavaScript.

The software development lifecycle is dead

“The entire lifecycle is collapsing in on itself.”

The unique challenge of reading on mobile

How simple should mobile content be?

New in Firefox 148

AI controls, Sanitizer API, CSS Shape(), and more.

A new term to call out AI slop

“AI;DR,” short for “AI, didn’t read.”

Engineer rebuilt Next.js with AI in a week

“The whole thing cost about $1,100 in tokens.”

Modern guide to the ‘image’ element

From the basics to LCP optimization.

Gemini 3.1 Pro for designers

Google’s AI model redefines design workflows.

The factory model

Coding by hand or building a software factory?

Why generative AI is bad for design

“Use the tools, but don’t let them use you.”

Perplexity announces “Computer”

An AI agent that assigns work to other AI agents.

Happy Map

Mapping 100,000 moments of human happiness.

New to the web platform (February 2026)

HTML Sanitizer API, CSS Shape(), Zstandard, and more.

Front-end Debugging Tools Handbook

Practical guidance on a complete suite of tools.

AI makes interfaces disposable

Why monetizing UIs is no longer enough.

A complete guide to bookmarklets

How browser bookmarks become tiny web tools.

Native random values in CSS

A first look at the upcoming capabilities.

Start where you are

A practical guide to building with AI.

Predictable by design

Why LLM-generated passwords are insecure.

Typography in the era of AI

“It might be the last thing AI can’t fake.”

“The brands that win in the next few years won’t be the ones with the slickest images, photos, or videos. They’ll be the ones that feel unmistakably human. And I think typography is one of the few places where humanity is still undeniable.”

DJR Glyph Navigator

David Jonathan Ross’ type design, one letter at a time.

Modern CSS Code Snippets

Old habits rewritten for the modern web.

Dialed Color Game

How good (or bad) can you recall colors?

Efecto Angles

Generate new views from any image.

Anthropic details how Claude crawls sites

How to block the three separate user agents.

Redesigning Turnstile and Challenge Pages

Possibly the most-seen UI on the Internet.

Software interoperability

Why open standards surpass walled gardens now.

The AI content risk

“Low-quality AI content can tank your online visibility.”

The context development lifecycle

Optimizing context for AI coding agents.

Popover API vs. Dialog API

“They seem to do the same job, but they don’t!”

Real-time UI

Why not build a website live as we talk?

The future of AI images

From mimicry to physics in image generation.

State of Rust 2025

The 10th Rust survey reveals stability and steady growth.

How to kill the code review

What if no one has to read the code at all?

Chrome halves its release cycle

Biweekly releases begin with version 153.

External import maps, today!

Using DOM methods to inject an import map.

Newlines in URLs work

Making long links more readable in HTML.

The little red dot

A simple design element is hacking our brain.

AI makes engineering more important

Say 71% of developers/engineering leaders.

How we do code reviews

Low-friction code reviews for small teams.

Trying the new CodePen 2.0

“A bit confusing at first, but it’s really powerful.”

Mastodon’s new share button for websites

Let users share links on the decentralized network.

MCP is dead, long live the CLI

“The best tools work for both humans and machines.“

Claude is an Electron app

How native software lost its edge to web apps.

4,000 developer machines compromised

When your AI tool silently installs another AI tool.

Accessibility testing takes more than a scan

Uncover accessibility issues that automated tools miss.

How I use Claude Code

”The workflow I’ve settled into is radically different.”

Search happens everywhere

41 websites with significant search activity.

Supercharging Figma design systems

Tips from early testers of slots.

Mad CSS

A battle of 16 CSS virtuosos from around the world.

Learning to code is still valuable

Why bother when AI does it all?

Embrace software engineering’s uncertainty

“Inflection points are moments of opportunity.”

“If AI runs on text, and voice is how you naturally create it, then learning to dictate fluently is one of the highest‑leverage skills you can develop right now.”

Motion Folios

Portfolios from top motion designers worldwide.

Ad break

“Should’ve taken the 10.99 ad-free deal.”

WebPerf Snippets

Performance profiling directly in the DevTools console.

Using dashes

How to apply them more mindfully than AI.

You don’t know HTML tables

A deep dive into their anatomy and mechanics.

Menus don’t need the 7±2 rule

“Be suspicious of magical UX laws.”

Git is the new code

Git commands to check AI-written code.

CodePen 2.0 Beta

Real-time collaboration, folders/files, blocks, and more.

When anyone can build anything

What’s worth building when building is free?

The CSS ‘z-index’ value

“Stop racing for the highest number.”

Scoped registries for custom elements

How independent scopes resolve name clashes.

Markdown, llms.txt, and AI crawlers

Do Markdown and llms.txt matter for your website?

Managing icon component sizes

“It’s time to retire that icon wrapper component.”

Your browser can already speak a page

How to activate read-aloud features on web pages.

Introducing CSS ‘view-transitions-mock’

A non-visual polyfill for same-document view transitions.

AI is much bigger than you think

“Usage of AI is now 56% the size of search worldwide.”

What’s My ΔE(OK) JND?

Test your Just Noticeable Difference in color perception.

Your browser becomes your WordPress

“It’s a WordPress that stays with you.”

“When a website is slow, the problem usually isn’t the website. It’s the organisation behind it.”

From pages to apps to agents?

“The web is becoming the COBOL of human networking.”

Temporal

The 9-year journey to fix time in JavaScript.

When to use WebMCP and MCP?

They work best together to empower AI agents.

“We are no longer designing screens. We are designing the intelligence that designs for us.”

Beyond CSS ‘border-radius’

What the new ‘corner-shape’ delivers to everyday UIs.

Archive of Archives

A curated collection of digital archives.

The HTML ‘geolocation’ element is odd

“The element in its current state is not very useful.”

The CodePen Compiler

The CodePen 2.0 editor has a whole new brain.

Building dynamic toggletips

A prime example for anchored container queries.

Human strategy in AI workflows

“The future of UX is more intentional than ever.”