Together with  Greptile
🚀 Frontend Focus

#​735 — April 1, 2026 | Read on the web

Pretext: A Multiline Text Measurement and Layout Library — This caused quite the stir this week, with some people even saying it'll redefine how layouts are made on the Web. Check out this dynamic layout demo for a taste. Essentially it opens the door to real-time, multiline text measurement and dynamic layouts, without touching the DOM. GitHub repo.

Cheng Lou

💡 More: Simon Willison has a good overview of why this is exciting, and Den Odell shares what problems it's really solving. Meanwhile, Donnie D'Amato tempers our expectations a little in this review concluding "This certainly isn’t the end of CSS, it’s showing what’s next."

Who’s Reviewing Your AI-Generated Frontend Code? — When AI writes more code, review becomes the bottleneck. Greptile reviews every PR with full repo context, catches real bugs, and adapts to your team’s conventions over time.

Greptile sponsor

What is CSS Containment and How Can I Use It? — Harry takes a look at this “woefully underused” feature, explaining what the CSS contain property actually is, what each of its values does, and how to use it confidently without creating hard-to-debug side effects.

Harry Roberts

⚡️ IN BRIEF

📙 Articles, Opinions & Tutorials

Your Options for Preloading Images with JavaScript — There's several ways to approach this, and, as Alex notes it can be “surprisingly quirky [..] and the best one to choose can very much depend on the circumstances.”

Alex MacArthur

Applying Accessibility Fixes with Stealth for the Greater Good — Advice on how to bake accessibility into your daily workflow and break down any systematic roadblocks, in the hope that a11y considerations become an inherent part of your process, rather than an afterthought.

Steve Frenzel

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

🍪 Cookie Consent Management in 2026 — Jason notes that more and more “companies are trying to get their cookie house in order” — as such, he shares some high-level thoughts on what to be thinking about, along with some more technical advice here.

Jason Grigsby

Magic Link Pitfalls — The increasingly popular login pattern (I’m not a fan) has some security issues to be aware of. Evan shares those here, and also came back, having found some more .

Evan Todd

Preserving the Web is Not The Problem. Losing It Is — Some news organizations are restricting access to the Wayback Machine over fears of AI scraping. Mark Graham explains why these concerns are unfounded.

Mark Graham

Why Designing in Code Makes You a Better Designer
Adam Silver

Form Automation Tips for Happier Users and Clients
Iqra Naaem

🧰 Tools, Code & Resources

Announcing Babylon.js 9.0 — A major release of Microsoft's popular rendering engine for building interactive, 3D web experiences packing in “a year of new features, optimizations, and performance improvements”, including a new clustered lighting system, a node-based particle editor, volumetric lighting, advanced Gaussian Splatting, and more. Repo here.

Carter & Lucchini (Microsoft)

Monitor Your AI Agent's Costs And Calls In Next.js — Monitor token usage, LLM costs, and tool calls in your Next.js app. Set up Sentry + Vercel AI SDK in 15 minutes.

Sentry sponsor

Web Platform Features Explorer: Discover New Web Platform Features and APIs — A useful way to keep up with what’s new on the web platform (including an RSS option). You can filter by newly available, widely available, by browser, etc. The data is pulled from the W3C WebDX Community Group repos. These monthly release notes are particularly valuable.

WebDX CG

🤖 Transformers.js v4: Run AI Models in the Browser — Brings Hugging Face-hosted transformer models into the browser, meaning you can run numerous vision, audio and NLP models right in the page. This new version switches to a WebGPU runtime and is installable via npm. Live demos.

Hugging Face

Heerich.js: A Tiny Engine for 3D Voxel Scenes Rendered to SVG — A minimalist JavaScript engine that constructs 3D compositions and distills them into ‘pristine’ SVGs. Pure vector output, zero dependencies. This is a really well presented site which runs through what it can do, and how.

David Aerne

XML Comparator: A Web Tool to Compare XML Files — Shows you the original, modified, and a full diffed version that allows you to select if you want to ignore whitespace or fold matched lines for easier diffing.

XML Comparator

📰 Classifieds

📸 Scan barcodes, QR codes and others directly in the browser using STRICH, a lean JS library. Free 30-day trial, try the demo app today!


Gauntlet AI Live Night School | Stop Shipping Slop: How to Verify AI Generated Code for Production Deployments (Virtual - 4/1 @ 6ET)

😈 ...and finally

CSS is DOOMed: Rendering DOOM in 3D with CSS — Every single wall, barrel, and imp is a div positioned in 3D space using CSS transform. The logic is JS, but all of the rendering is entirely CSS. Give it a try here.

Niels Leenheer

Ipx.