Demystifying the view transition pseudo tree

Customizing view transitions via pseudo-elements.

Media queries might look very different soon

Streamlining media queries with @function and if().

Can your AI pass the accessibility test?

”AI accelerates whatever process you already have.“

Upcoming breaking changes for npm

Version 12 tightens install defaults for security.

Ending responsive images

“Lazy loading changes everything.”

Dark mode with web standards

A web-native approach using CSS and minimal JavaScript.

Not the document outline algorithm

What to know when using HTML’s ‘headingoffset’ attribute.

Every frame perfect

Users should never see a broken UI state.

Web browsers on video game consoles

A detailed history of an underdocumented topic.

The right kind of AI sceptic

The case for a middle way between extremes.

CSS Wordle

Guess today’s CSS feature in six rows or less.

Prop For That

A JS library that backfills what CSS doesn’t provide us yet.

What the color?

Guess a color in different color spaces.

Building an HTML-first site

How it doubled a company’s users overnight.

Cleaning up after AI rockstar developers

“Craftsmanship is one thing we can never outsource to a machine.”

Introducing the MDN MCP server

Your AI tools can now access MDN resources directly.

The golden rule of Customizable Select

“Always include text in your options.”

Agentic code review

The state of code review in the AI era.

“AI is excellent at accelerating execution. But it won’t reliably tell you if you’re solving the wrong problem. You still have to move the ladder to the right wall.”

Discover MapKit JS 6

Modernized Apple Maps integration for your website.

The scope of CSS @function

“CSS functions have a fascinating superpower with scope.”

Releasing Babel 8

ESM only, ES5 no longer default, smooth migration path.

What are Git worktrees?

The sudden popularity of a feature introduced in 2015.

The siren song of ariaNotify()

A dangerously convenient way to talk to screen readers.

You got faster, your company didn’t

Why your company doesn’t capture AI gains.

Announcing TypeScript 7.0 RC

How TypeScript’s new foundation brings major speed gains.

Junie

The JetBrains AI coding agent leaves beta.

Single color image

What to expect from the CSS image() function.

Defining a well-known URI

How to use well-known URIs and avoid common pitfalls.

Alignment in CSS Grid Lanes

How alignment works across grid and stacking axes.

Implementing Standard.Site

Publishing blog posts into the ATmosphere with ATapult.

Hyperblam

Make music with HTML.

Nub

An all-in-one toolkit for Node.js, written in Rust.

cssQuake

A retro 3D game rebuilt for the browser using CSS.

Must sites work the same across platforms?

“We seem to be stuck on a new hurdle.”

I stored a website in a favicon

“This is probably the smallest website I’ve built.”

Modern theming with new CSS features

Using light-dark(), contrast-color(), and style queries.

The coming loop

From prompting agents to orchestrating their loops.

The web is evolving, so are we

Mozilla has created a new nonprofit to unify its efforts.

The slot machine that codes

The cost of writing loops instead of prompts.

Your CSS Grid Lanes will likely fail WCAG 2.4.3

“It’s too easy to create inaccessible Grid Lanes.”

Web security docs on MDN

What’s been added and what’s coming next.

Revisiting best practices for HTML video

“We should think more about how we use video on the web.”

What’s missing from SVG

Styling external SVGs is the top request.

Goodbye, Cursor

Looking for a new AI coding companion.

Effective software design documents

Catch costly mistakes before you write code.

Animating the HTML dialog element

A modern approach with native web APIs.

Experimenting with random() in CSS

Randomness in CSS opens up many new possibilities.

Setting up webmentions

How Webmentions work on brennan.day.

AI and greener choices

“Our efforts really can make a dent.”

Warm Burnout

A color scheme with warm colors and good contrast.

Why are we not using service workers?

Pros and cons of an underused web technology.

Who pays for the tokens?

Whose interest does AI loop engineering serve?

CSS states and JavaScript events

CSS pseudo-classes that behave like event listeners.

Fluid typography with progress()

Viewport-based type sizing without the pitfalls.

The Goldilocks customizable select height

“There’s a sizing ‘pattern’ that’s almost always the-one-you-want.”

Introducing HTML ‘usermedia’

Chrome’s declarative element for camera/microphone access.

a11y.quest

128 questions to level up your accessibility game.

On the semantic web

“Semantic HTML is interface infrastructure.“

New to the web platform (June 2026)

Sizing form controls with ‘field-sizing’ becomes Baseline, and more.

Introducing the Safari MCP server

Let your AI agent inspect web pages in Safari.

Unicode character class escapes

“A hidden JavaScript superpower.”

“Mobile First” vs Mobile First™

What “Mobile First” was and what it became.

Fixing full-bleed CSS

A novel approach using some at-rule property magic.

Svelte feels like the “Native language” of the web

“When code feels natural, it’s more enjoyable.”

Progressively enhancing CSS Grid Lanes

Can native masonry layouts be used safely today?

ua-tracer

Inspect what a user agent actually does.

Cloudflare Turnstile

Stopping form bots without annoying CAPTCHAs.

Do URLs in prompts change LLM responses?

“It took me weeks of experimentation.”

Getting started with Anchor Positioning

An interactive guide to the Anchor Positioning API.

What’s new in ECMAScript 2026

This year’s additions explained with examples.

Creating PWA icons

Icons that look right on every platform.

AI can’t solve it all

What 120+ frontend developers still hate working on.

Rewriting Bun in Rust

“One engineer can do a lot more today than a year ago.”

Connection Allowlist

A network firewall, built into the browser.

How I set up view transitions

A deep dive into the mechanics behind the transitions.

Invisible but accessible interactive elements

Use cases and implementation techniques.

PHP version stats (July 2026)

Version adoption across the Packagist ecosystem.

The making of Claude Code

How Anthropic built a new way to work with code.

Link + popover navigation

Using HTML ‘popover’ instead of disclosure widgets.

HTTP QUERY method

“QUERY gives you the best of both GET and POST.”

Get ready for CSS ‘border-shape’

Let’s create crazy shapes with modern CSS!

What happened to the frontend

“The industry sprinted in a giant circle.”

Google Reader was building the wrong future

The feeds weren’t the point, the people were.

Button State Builder

A visual editor for designing multi-state buttons.

Quay

An app to manage your local development services.

SVG filters on type

From ink bleed to woodtype shadows and metal forms.

Own the outer loop

“Agents have leverage, and leverage creates obligations.”

Different hydration and rendering strategies

Benefits and tradeoffs of modern rendering approaches.

Grok is back

“Perhaps I was too quick to dismiss Grok.”

Setting type like a printed page

Most of a typesetter’s craft is now built into CSS.

In defense of polyfills

“A web platform without polyfills would be a stagnant platform.”

I thought AVIF would make images smaller

Optimization isn’t about using the newest format.

A gentle introduction to Git worktrees

How they simplify parallel development.

Your “app” could have been a webpage

”A webpage would have been so much better.”

Use cases for the ‘aria-expanded’ attribute

How to determine when ‘aria-expanded’ is appropriate.

Is your site ready for AI agents?

How Lighthouse’s new Agentic Browsing audit works.

Can we use SVG images in emails?

Why scalable images still fail inside modern email.

Card patterns with anchor positioning

A refined approach to accessible clickable cards.

Do we still need build tools?

Which frontend build tools still matter in 2026.