Introducing view-transitions-toolkit: Utility Functions to More Easily Work with View Transitions — Bramus has been experimenting with View Transitions for a good while now. He's brought together his numerous code patterns into a new dedicated npm package full of view transition utilities, helpers, and functions. There’s a bunch of demos here, and the code is on GitHub.

Bramus Van Damme (Google)

📊 Announcing JetStream 3.0 — Seven years after v2 comes a big update to the popular cross-browser JS/WASM benchmark suite. It’s a group effort, with work from Mozilla, WebKit, and Chromium, with updates to the workloads and methodology. The tool is here, as well as more detail on the analysis performed.

Browser Bench

Free Workshop: Claude Code Deep Dive — April 21 — Lydia Hallie from Anthropic teaches a full-day Claude Code workshop at Frontend Masters on April 21. Free to attend. No subscription required.

Frontend Masters sponsor

How to Use HTML Video and Audio Lazy-Loading — HTML video and audio lazy loading is now a web standard. It’ll be available in Chrome 148 and Firefox and WebKit implementations are close behind. Here’s how it works.

Scott Jehl (Squarespace)

The WebAIM Million 2026 Report — This accessibility analysis of a million sites makes for disappointing reading: despite years of progress, we’re now seeing web accessibility in decline. Why? They say “increased reliance on 3rd party frameworks and libraries and automated or AI-assisted coding practices”.

WebAIM

Alternatives to the !important Keyword — When looking over old CSS you may encounter !important and forgot why you needed it. If you’re looking to fix up such debt, this post offers some modern alternative options.

Saleh Mubashar

CSS subgrid is Super Good — CMS-driven layouts can often get a bit tricky, particularly when trying to ‘break out’ of set container widths. Dave shows how subgrid can simplify things by way of full-width or inset components, without the need for margin hacks or wrapper bloat.

David Bushell

What If Mobile Deploys Worked Like Web Deploys? — With Expo’s OTA updates, they do. You can configure OTA Updates in minutes and see them working on your next pull request.

Expo sponsor

Email Address Obfuscation in HTML: What Works in 2026? — A test of numerous techniques to see which trip up the bots. It turns out most scrapers are very lazy, but there are a few techniques worth avoiding in 2026 (using HTML entities and URL encoding).

Spencer Mortensen

What to Know in JavaScript (2026 Edition) — A high-level overview of the sprawling JavaScript landscape as it stands today, including a look at recent language additions, frameworks to keep tabs on, runtimes, build tools, etc.

Chris Coyier

Name-Only Containers: The Scoping We Needed — Chris explores a novel use for name-only containers as a way to solve CSS scoping challenges in a native way. Of course, we do have @scope at our disposal, but this is a curious alternative approach.

Chris Coyier

New CSS Multi-Column Layout Features in Chrome — Chrome 145 introduces support for a couple of new column-wrapping features, namely column-wrap and column-height. They’re a big upgrade for multi-column layouts, so here’s a look at how you may want to use them.

Abhishek Pratap Singh

Crashcat: A Physics Engine for JavaScript, Built for Games, Simulations, And Creative Websites — The demo site has lots of impressive examples and the library has an extensive feature set for doing just about anything you’d need in a game or physics simulation.

Isaac Mason

Add Seat-Limited Billing Plans To Your B2B App With Clerk — Clerk Billing supports seat limits. Define caps per plan; Clerk enforces them and prompts upgrades automatically.

Clerk sponsor

Bearnie: Accessible Components for Astro and Tailwind CSS — Promoted as a way to start your own component library, with ability to fully customize these, which follow WCAG 2.1 AA guidelines, including keyboard nav, screen reader support, and focus management. Docs site is here.

Michael Andreuzza

Dither Image: Web Tool to Add a Retro Pixel Art Effect to Images — Includes a before/after toggle along with multiple settings to define the exact effect you want. A nice, quick alternative to more complex graphics tools. I just tried it with a shot from the Artemis II Moon mission. →

Dither Image

SSGOI: Native App-Like Page Transitions for the Web — Boasts better browser support than native page transitions and it’s available for React/Next, Vue/Nuxt, Svelte, and Angular, with any routing system. You can check out some neat demos on the docs site.

meursyphus

MonoSketch: An ASCII Sketching and Diagramming App — A neat, open source sketching/diagramming tool that lets you turn your ideas into ASCII designs. You can try it here.

Tuan Chau

Wiretext: A Unicode Wireframe Design Tool — Similar to above, but works like a typical GUI tool with the end results being Unicode you can copy/paste. Includes numerous ‘components’ you can insert that we don’t normally associate with text (e.g. image, avatar, radio buttons, etc).

Daniel Howells