Pencil

Design your products right where you code.

Speculation rules prerender until script

A new origin trial available in Chrome 144.

Initiating navigations with the Navigation API

A look at programmatically triggering navigations.

Using AI as a design engineer

“AI has changed the way I work on a day-to-day basis.”

Anchor interpolated morphing

A powerful new CSS transition technique.

The third website audience

“AI agents are hungry for cleaner content formats.”

Documenting design changes with screenshots

“Every screenshot is a frame of reference.”

Thoughts on the open web

We need a web where people choose open publishing.

A no-AI icon for humans to use

An icon as unobtrusive as a copyright symbol.

Handy

An application to speak directly into any text field.

Values to stress-test interfaces

Break your interface before users do.

Speculation Rules Generator

An easy way to speed up pages with speculation rules.

The innovation funnel

How modern organizations domesticate wild ideas.

A web component super power

Done right, inheritance shines in design systems.

Vibe prototyping solves no problems

“AI created an environment where good design is impossible.”

From coder to orchestrator

The future of software engineering with AI.

Figma slots for repeating items

How to convert one of your library’s top patterns.

What has Docker become?

Docker Inc. still struggles to find its place.

The OS that quietly powers all AI

”Future IT jobs will live and die on Linux.”

Dependency layers in design systems

“Be intentional about what you own.”

More reasons not to use JavaScript

The Invoker Commands API is now in Baseline.

AI agents are about to change software

“I’d encourage you to give them another look.”

Backseat software

Designing for quiet matters more than ever.

New meta tag ‘text-scale’ in Chrome Canary

Supports mobile users’ text size preferences on websites.

Combobox vs. multiselect vs. listbox

Differences, applications, and recommendations.

The future of AI is not intelligence

“It’s how humans will interact with it.”

Introducing ReliCSS

An online tool for front-end archaeology.

Building GitHuman

An AI-coded tool for reviewing AI code.

Google adds ‘auto browse’ to Chrome

It can perform multi-step tasks on your behalf.

New Yahoo Scout AI search

“It delivers the classic search flavor people miss.”

Keyboard shortcuts for web apps

What it takes to design accessible keyboard shortcuts.

The Most Hearted Pens of 2025

100 impressive web and front-end designs.

The 80% problem in agentic coding

Handling the challenges of a Slopacolypse.

1 human + 1 agent = 1 browser

Why not build a basic browser with AI?

Styling highlight-y pseudo-elements

Which texts they target and how to customize them.

CSS layout fundamentals

Master the core concepts behind CSS layouts.

New to the web platform (January 2026)

CSS Anchor Positioning, Temporal API, Navigation API, and more.

Improving LCP for hero videos

Let users see something while the video loads.

Stop using MySQL in 2026

“MySQL is open source only by license, but not as a project.”

AI content disclosure for HTML

A proposal to declare your AI use in webpage sections.

Snapshot testing to keep URLs cool

An automated way to prevent broken links.

Front-load key words

Ease skimming of lists and links for online readers.

“Designing future AI systems is not just a technical challenge. It’s a moral, social, and political one: about who gets agency, who bears responsibility, and who ultimately benefits.”

Morphing icons

Any icon can morph into any other.

CSS optical illusions

A showcase of visual puzzles in pure CSS.

Fifteen clocks

Perspectives on time shaped by clocks as interfaces.

The lost art of XML

”Sometimes the old way was the right way.”

Anti-frameworkism

When to choose native web APIs over frameworks.

“I ship code I don’t read”

The creator of the personal AI assistant OpenClaw.

Typographic scales and technical pens

Consistent stroke widths for type and icons.

Firefox introduces AI controls

You can also disable all AI features at once.

Lost for words

Why text in AI images still goes wrong.

State of JavaScript 2025

What last year had in store for us all.

The browser’s little white lies

When browsers lie to keep you safe.

5 stages of AI adoption

How will our work change with AI?

Some CSS only contrast options

What works until contrast-color() is widely supported.

“Stop prompting, start compounding”

Let your agent learn and ship while you sleep.

“Vibe-coding is fun. You describe what you want, code appears, and building feels like progress. That satisfaction is a trap. You’re accumulating artifacts that may have nothing to do with what anyone needs.”

Nice Select

Pushing customizable HTML ‘select’ to an extreme.

AI ecosystem security debt

When hyped AI agents turn into a security nightmare.

Why accessibility changes everything

The many ways content can be experienced.

Explicit resource management in JavaScript

How it will make cleanup safer and simpler.

Product discovery changes with AI

From “Can we build it?” to “Should we build it?”

Performance-optimized video embeds

Lazy-loading videos on interaction using only HTML/CSS.

Sweetfont

A fun way to discover Google Fonts.

Practical guide to AI slash commands

Tired copy/pasting prompts again and again?

Two kinds of AI users are emerging

Can a small team now outcompete a big company?

How to improve your HTML game

Why writing style, validation, and spec matter.

AI Overviews reduce clicks by 58%

“Google Search is becoming zero-click.”

Better loading and progress UX

Guidelines for designing the waiting experience.

AI’s speed trap in UX copy

Where AI for UX writing shines and stumbles.

The CSS Selection 2026

The state of real-world CSS usage.

Interop 2025, a year of convergence

How vendors improved cross-browser support last year.

Agentic engineering

The professional approach to vibe coding.

Is blogging in the AI era still a thing?

Authentic and efficient blogging via ghostwriting interviews.

Phantom obligation

Why must RSS readers look like email clients?

“AI code may make garbage, mass-produced software more ubiquitous, but it may also free up a space for engineers seeking to restore a genuine sense of craft and creative expression. As craft becomes more scarce, it also becomes more valuable.”

The Punch

A curated directory of independent type foundries.

Bug Chase

Can you spot more bugs than AI in 60 seconds?

Agentation

Point at UI issues and let AI fix them.

Understandable data visualization

When data visualization becomes a puzzle.

Honoring mobile OS text size

The current and upcoming state in major browsers.

HTML-only conditional image lazy loading

Adaptive image loading above/below the fold.

Why your brain rebels against redesigns

Redesigns tested well, yet users still hate them.

Comparison of 36 CLI coding agents

“Now there’s a CLI agent for every workflow.”

JSON WTF

“A totally normal and not hard quiz about JSON.”

Web­space invaders

Let’s level up our anti-AI scraping game!

Reddit search hits 80M weekly users

A new Google Search alternative emerges.

The return of the intuitive designer

“Trying to be more like a machine is a losing battle.”

Google lists Googlebot file limits

Do Google’s crawling limits affect your website?

”Paying for software isn’t paying for a solution. It’s paying for someone else to own a problem.”

WebMCP is available for early preview

A standard way to let AI agents act on your website.

AI performance in Bing Webmaster Tools

Bing introduces search insights for AI answers.

Software engineering is back

“Coding agents have replaced every framework I used.”

The software sovereignty scale

How easy is it to take software away from us?

Designing novelty

“Make most things familiar, do something unexpected.”

Design Tokens Links

Guides, videos, and resources on design tokens.

Design is dead, it’s all evolution now

Products evolve by Darwin’s survival rules.

State of React 2025

“React has become the default output when you prompt for UI.”

Announcing Interop 2026

Here’s to another year of making the web better!