Useful web inspection bookmarklets

Little helpers to inspect legacy code and technical debt.

New to the web platform (October 2025)

The latest browser features at a glance.

Why we’re moving on

A critique of React Server Components and Next.js 15.

Dark mode image strategies

How can we keep images accessible across modes?

Simple full-bleed and breakout styles

Modern CSS solutions for a classic layout problem.

Why NaN !== NaN in JavaScript

There is an IEEE 754 story behind it.

Dithering (part 1)

A visual introduction to how dithering works.

Dev Tools

A super handy collection of utilities for developers.

Custom cursor accessibility

How OS settings affect CSS cursor sizing.

AI is dumber on Mondays

What can happen when you trust a black box.

The future of agentic coding

From coder to conductor to orchestrator.

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.”

How I use every Claude Code feature

What to expect from the AI coding assistant.

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.

The weird parts of CSS ‘position: sticky’

What to do when sticky positioning fails.

The inner workings of source maps

JavaScript source maps explained with examples.

Zombie styles

Do your CSS files also contain any zombies?

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.

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.

Help them help you

How AI agents get a better accessibility context.

Front-end programming principles

Actionable advice for self-taught front-end coders.

“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’.

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.

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.

AI browser security vulnerabilities

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

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?

AI World Clocks

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

Layoutit Terra

A terrain generator powered by HTML/CSS.

Myna

A monospace font designed for symbol-heavy code.

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.”

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.

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.”

Responsive letter spacing

How to tighten letter spacing in CSS.

Mediabunny

A JavaScript library for handling video and audio files.

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.

Agent design is still hard

“My Agent abstractions keep breaking somewhere.”

The Performance Inequality Gap, 2026

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

Google revisits JPEG XL in Chromium

Why Google is now back on JPEG XL after withdrawal.

The Web Install API is ready for testing

The API enables site‑initiated web app installations.

Brand new layouts with CSS subgrid

“Subgrid unlocks exciting new layout possibilities.”

WebGPU now runs in major browsers

”The future of high-performance web apps is now!”

CSS light-dark() vs. prefers-color-scheme

“light-dark() isn’t just a shorter ‘prefers-color-scheme’ query.”

Scroll prevention while ‘dialog’ is open

Chrome 144 addresses a long-standing developer issue.

Treat AI-generated code as a draft

“Use AI to move faster, but keep your hands on the wheel.”

Performance monitoring for web components

No worries, there is an API for that.

A first look at the Web Install API

“I hope it comes to the web platform and all browsers.”

Why engineers struggle to build AI agents

The challenge of trusting unpredictable AI behavior.

Baseline layered UI patterns

What you can do with HTML ‘dialog’ and ‘popover’ today.

New to the web platform (November 2025)

The latest browser features at a glance.

Good enough is a strategy

“Your competitors will eat your lunch while you refactor.”

AI frontend generator comparison

Base44, Claude Code, Cursor, GitHub Copilot, Lovable, Replit, v0.

Using your own cursor icons

“Let’s encourage creativity and sound accessibility practices!”

Hallucinations using web components

How to make your self-written posts look machine‑written.

AI SVG generation benchmark

AI models’ SVG creativity put to the test.

Advent of Code 2025

This year’s challenge with 12 programming puzzles.

Phone numbers everywhere

A HTML fix for unwanted Safari/iOS phone links.

HTMHell Advent Calendar 2025

It’s back again with twenty-four more posts!

Top layer troubles, popover vs. dialog

How to avoid possible conflict points.

Web advent calendars for 2025

Selected calendars on web design/development.

Web Performance Calendar 2025

“The speed geek’s favorite time of year.”

The great betrayal of frontend sanity

“I’d call CSS-in-JS over-engineering disguised as progress.”

Using CSS to fix the irradiation illusion

Improve dark mode’s font weight without layout shift.

A pragmatic guide to CSS colors (part 2)

The many color options modern CSS opens up.

Bun has been acquired by Anthropic

The JavaScript runtime will accelerate Claude Code.

Decreasing certificate lifetimes

Let’s Encrypt will halve certificate validity by 2028.

Speculation rules improvements

What’s new and next with the Speculation Rules API.

What if you don’t need MCP at all?

”Agents can run Bash and write code well.”

JavaScript turns 30

On December 4, 1995, Netscape and Sun announced JavaScript.