Design systems don’t kill creativity

“Innovation is stifled when conformity becomes the default.”

View Transition API

Ways to create smooth, instant page transitions.

Getting creative with small screens

Design is storytelling, even on a small screen.

URLs are state containers

“The web’s oldest and most elegant features.”

To grow, we must forget…

But now AI remembers everything.

How I use every Claude Code feature

What to expect from the AI coding assistant.

The premortem

Your product’s autopsy before launch.

Easier SVG path animations

How ‘pathLength’ makes the animations effortless.

Lighthouse CI

Catch performance regressions before they ship.

Throttling specific requests in DevTools

Chrome Canary can now delay single requests or domains.

Removing XSLT for safer browsing

Google intends to drop XSLT support in Chrome.

Can a website make you feel safe?

Good design not only works but also feels right.

The weird parts of CSS ‘position: sticky’

What to do when sticky positioning fails.

Good fonts make good UX

“A font is a great tool for a great user experience.”

The inner workings of source maps

JavaScript source maps explained with examples.

Figma’s accessibility era?

What to expect from Figma’s accessibility retrofitting.

“Designing for edge cases isn’t a chore; it’s an investment in the integrity of your work. For those of us who care about craft, that’s where the real mastery shows.”

Zombie styles

Do your CSS files also contain any zombies?

Grayscale testing

The missing step in color accessibility.

State of Developer Ecosystem Report 2025

Trends and insights in the developer community.

Rethinking async loops in JavaScript

Using ‘await’ inside loops requires intention.

Custom asidenotes

Practical side notes using a custom HTML element.

A brief history of domains

This year, dot com turned 40.

The origin story of JavaScript

A playful talk about the rise of a coding underdog.

The best Chromium browser isn’t Chrome

“Helium is Chrome without the Google stuff.”

“When you think about it, the phrase ‘earning a living’ is really quite vile.”

The Scope Creep

A challenge for still motivated project managers.

Format JSON Online

A powerful online toolkit for all your JSON needs.

Datastar

A new way to build backend-driven, interactive UIs.

Trimming lines of text

Benefits and drawbacks of using CSS ‘line-clamp’.

Web animation performance tier list

Advised, limited, and rejected techniques.

Chrome DevTools MCP

Let your AI agent debug your site while you work.

Pikaday

A friendly guide to front-end date pickers.

Slots in design systems

More flexible components through custom composition.

Synthetic developer

The solo designer’s best friend?

Firefox expands fingerprint protections

”It remains committed to fighting for your privacy.”

Help them help you

How AI agents get a better accessibility context.

Front-end programming principles

Actionable advice for self-taught front-end coders.

Why you’re addicted to Lovable

The AI site builder’s path to success.

“Vibe coding isn’t coding: it’s outsourcing your own understanding.”

Simple one-time passcode inputs

“All critical features are possible using HTML alone.”

Error chaining in JavaScript

Cleaner debugging with ‘Error.cause’.

Guiding the future of ethical design

From moral principles to practical design guidance.

Review your own Git pull requests

A simple habit can save many headaches later.

The Valley of Code is back

The revival of a beloved web technology resource.

UI design with Midjourney

Prompting, techniques, and example outputs.

How close can a PWA get to native?

“Much further than most people expect.”

100, 150, or 200?

“There is no hard limit or rule for alt text.”

Perfecting Baseline

What the banner means today and how it can evolve.

Animation that fails safely

Principles for inclusive and resilient motion design.

AI browser security vulnerabilities

“Agentic browsers shift the failure point from code to intent.”

Introducing AI, the Firefox way

Mozilla’s browser gets AI Window, an opt-in browsing assistant.

Rate-limiting requests with Nginx

An alternative approach to counter AI crawlers.

Range syntax for if() and style queries

Chrome 142 has shipped a powerful new CSS feature.

Accessible form validation

How accessible error messages build trust.

Responsive ‘tab-size’

Code indentation meets responsive design.

Accessible external link

How to tell users that a link opens a new tab/window?

The newsletter paradox

Your newsletter grows when you do nothing.

AI World Clocks

Every minute, nine AI models generate a HTML/CSS clock.

Layoutit Terra

A terrain generator powered by HTML/CSS.

Pricing Pages

Curated pricing page designs to spark your creativity.

Myna

A monospace font designed for symbol-heavy code.

Vivaldi, yea or nay?

First impressions of the AI-free browser.

The curse of the custom cursor

A look at some of the worst offenders.

My CSS selector strategy

Think of it as a “progressive narrowing of scope.”

JavaScript engines zoo

Meet the creatures running your JavaScript code.

Guide to the HTML number input

“Today, there are few reasons to avoid number input.”

Custom annotations in Search Console

The new feature lets you add notes to your charts.

Smartify everything

“Why does every product have to be ‘smart’ now?”

AI assistance for web performance

Chrome DevTools will help you analyze performance profiles.

Building a multi-stage timetable

How modern CSS powers a cutting-edge layout.

Easier than expected

Testing HTML light DOM web components.

Introducing Google Antigravity

A new agentic development platform in free public preview.

Quiet UI came and went

Unfortunately, the UI library is no longer publicly available.

In the sea of sameness

Let’s find ways to make designs more authentic!

Big tech for your SSG?

“My entire deploy takes about eight seconds.”

Web components with self-destructing CSS

A safer approach to loading web components.

“Every framework creates its own orbit of tools, patterns, and dependencies. The goal isn’t to find the ‘right’ framework, but to build applications resilient enough to survive migration to any framework, including those that haven’t been invented yet.”

Europe’s cookie nightmare is crumbling

Browsers might replace cookie‑consent pop‑ups.

A guided tour of Copenhagen

Sketch’s latest update features a major redesign.

Service outage

How a major internet outage affects productivity.

Generative UI

Google’s AI-driven UIs for each user come to life.

Creativity meets precision

Figma rolls out Google’s cutting-edge AI image generator.

Rewiring Mozilla

“We’re doing for AI what we did for the web.”

Introducing group chats in ChatGPT

OpenAI’s group chats simplify teamwork with AI.

Responsive letter spacing

How to tighten letter spacing in CSS.

The GDPR proposal officially unveiled

How the European Union aims to simplify regulations.

Weaving a web of agents

”We’re moving from browsing to doing.”

AI sends 1% of website traffic

Most of the AI referrals are from ChatGPT.

Can AI write accessibility specs?

A journey through hallucinations and reflections.

My two-part desk setup

Living and working between an analog and a digital space.

Mediabunny

A JavaScript library for handling video and audio files.

SVG Converter

Turn your images into vector graphics with color control.

Freesound

A huge library of community-contributed audio clips.

Oops, my UUIDs collided!

How Universally Unique Identifiers can collide.

Why is CSS so tough for AI?

The reason Tailwind CSS is more AI-friendly.

Creating UI assets with ChatGPT

Icons, illustrations, and background patterns.

Agent design is still hard

“My Agent abstractions keep breaking somewhere.”

The hidden cost of shipping too fast

Moving quickly doesn’t mean fast progress.

The Performance Inequality Gap, 2026

“What we’re doing now isn’t working. Not by a long shot.”