Plus Nolan Lawson on 'using the platform', Cloudflare's web speed data, and Shaders going open source.
Together with  Meticulous
🚀 Frontend Focus

#​761 — October 7, 2026 | Read on the web

How Fast is the Web? Exploring Billions of Real-User Measurements — A new free BigQuery dataset of anonymized real user Core Web Vitals from 10,000 large Cloudflare-fronted sites, updated daily and covering Safari/WebKit as well as Chrome. The post covers some of the initial findings, including how downloads are usually the smallest part of a slow LCP.

Townsend & Jansma (Cloudflare)

Would You Let Your AI Agent Grade Its Own Homework? — Agents write code faster than ever. They even review their own work. But who’s reviewing them? Dropbox, Notion & ElevenLabs don’t take the risk. With Meticulous, every change is exhaustively verified, with zero developer effort.

Meticulous sponsor

Shipping JPEG XL in Chrome — Chrome 155, released yesterday, introduced support for JPEG XL (.jxl) images. They can offer 30-50% better compression than JPEG, HDR support, and more.

Versari, Firsching, Jägenstedt (Chrome for Developers)

📺 If you're catching up on Chrome, ▶️ this video from Matthias Rohmer runs through DevTools changes across versions 151 to 153.

The State of HTML 2026 Survey is Open — Devographics’ annual look at how we use HTML, forms, web components and browser APIs is back, and should take 10-15 minutes. Browser vendors use the results to prioritize their roadmaps, so your answers help decide what ships next.

Devographics

⚡️ IN BRIEF

📙 Articles, Opinions & Tutorials

✈️ Airline Sites are Slow, but They Don’t Have to Be — Some interesting analysis of the performance of over 100 different airline websites using real-user metrics. A massive ~95% fail the Core Web Vitals test on mobile.

Ben Schwarz

CSS Does Your Tooltip Positioning Now — Matt takes a look at CSS Anchor Positioning, namely anchor-name and position-anchor, and how to use them to build tooltips and dropdowns that hold their position through window resizes and page scrolls.

Matt Smith

👀 Meanwhile, Patrick Brosset digs into why title tooltips are so underused and floats the Edge team’s proposed stylable ::tooltip.

Your Agent Can Write a Mobile App. Expo Gets It onto Real Phones — Expo is mobile AI infrastructure: your agents build, test and ship iOS and Android apps, and you approve what goes out.

Expo sponsor

Why Don’t More Developers 'Use the Platform'? — Nolan, a big Web platform advocate, casts a thoughtful look at the common alternative, exploring why we often rebuild things platforms already give us in JavaScript and CSS.

Nolan Lawson

The Road to Dart Sass 2 — Sass may not be the default choice it once was, but the project keeps moving. Dart Sass 2.0 is now slated for release in December. It’ll turn most of 1.x's deprecation warnings into hard errors.

Natalie Weizenbaum

A Sustainable Web Career for When All This Blows Over — It’s fair to say the industry is in a state of flux, and David offers a strongly opinionated take on the skills worth investing in, and the technologies and trends worth rejecting.

David Bushell

Understanding Bidirectional Text: A Guide for Developers
Mojtaba Seyedi

Implementing children-count() in Modern CSS
Temani Afif

How Do Passkeys Work?
Andrew Lombardi

🧰 Tools, Code & Resources

Panda CSS 2.0 — A major release of a popular CSS-in-JS library. 2.0 keeps the same css() API but gets a much faster compiler (rebuilt in Rust). Other new additions include publishable design systems, view-transition styling, an ESLint plugin, and a new typography preset.

Adebayo, Adebesin, Adebayo (Panda CSS)

Shaders: 190+ WebGPU Effect Components, Now Open Source — The rendering engine, framework bindings, and shader components from this WebGPU effects library are now MIT licensed. It's a visually striking collection of components for React, Vue, Svelte, Solid, and plain JS.

Simon Le Marchant

Build Forms That Look Native in Your Frontend — Customize SurveyJS built-in themes or use adapters for Bootstrap, MUI, and shadcn/ui. Self-hosted, backend-agnostic, JSON-driven.

SurveyJS sponsor

📺 Video.js 10: Five Players Rebuilt as One — Sixteen years after helping move video off Flash, Video.js has been rebuilt from scratch, bringing in the teams behind Plyr, Vidstack, Media Chrome, and Mux Player. You get React and web components, a 60% smaller bundle, and skins you can make your own.

Steve Heffernan

CSS Doodle: A Web Component for Drawing Patterns with CSS — A way to use CSS as a language for drawing patterns, backgrounds, icons, and generative decorations. The site is packed with examples. Released this week, v0.55 adds numerous new tiling types.

Yuan Chuan

pure-web-bottom-sheet: A Bottom Sheet Built on CSS Scroll Snap — A performant, lightweight, and accessible bottom sheet web component powered by CSS scroll snap and CSS scroll-driven animations. Plenty of examples here.

Vili Ketonen

📰 Classifieds

📸 Add barcode scanning to your web app using STRICH, a lean JS SDK. Free 14-day trial, try the demo app today!


Don’t just code—grow as a technologist - Explore new technology, sharpen your existing skills and build new ones when you work in tech at Fidelity.

🎨 One for fans of gradients

Gradient Visualizer: Debug Multi-Layer CSS Gradients — Paste a background value made up of gradients and Ahmad's new tool pulls each layer apart so you can inspect it alone, view the stack in 3D, replay it as a timelapse, edit it and get fresh code back.

Ahmad Shadeed