Together with

Safari 26.5 Released: Here's the WebKit Features — Beyond the usual polish, 26.5 includes support for the :open pseudo-class, improvements to the CSS random() function, anchor positioning fixes, support for color-interpolation in SVG gradients, and Origin API support.

Jen Simmons

🧭 In related Safari news, the latest Safari Technology Preview Release is out now.

Prepare for Big Tech Frontend Interviews — Join Evgenii Ray for this detailed video course and land that dream job. Work through complex JavaScript, TypeScript, and UI component challenges, learning strategies to approaching onsite and take-home assignments.

Frontend Masters sponsor

Meet Your Users Where They Are with Obs.js — Obs.js is a tiny inline script that reads browser signals (latency, bandwidth, Data Saver, battery, CPU, memory) and exposes them as classes on <html> (and via window.obs). You can use these to serve smaller images on weak networks, skip animations on low battery, and adapt to your users’ real-world conditions.

Harry Roberts

Install Web Apps with the New <install> Element — A new HTML element is available for testing in Edge and Chrome (behind a flag) that renders a trusted 'install' button for web apps with no JS needed. This article digs into the details of how it works and how it compares to the Web Install API.

Patrick Brosset

⚡️ IN BRIEF

📏 Tailwind CSS v4.3 is out with new scrollbar utilities, a new @container-size utility, zoom-* utilities, and more.
🇺🇸 If you're in the US, you can get a free *.city.state.us locality domain.
🗓️ Google's I/O conference returns next week, with the developer keynote taking place on Tuesday.
❓ Did you know Firefox's DevTools has a $$$ function for querying through the Shadow DOM?
🤖 Mozilla shares a behind-the-scenes look at how Claude Mythos is helping to find bugs in Firefox.

📙 Articles, Opinions & Tutorials

Controlling the Speed of Infinite Animations — Learn how to control the speed of infinite CSS animations on user interaction, allowing for accelerating, slowing down, stopping, or reversing animations with a CSS variable.

Temani Afif

Soon We Can Finally Banish JavaScript to the ShadowRealm — Mat takes us through the in-progress TC39 proposal for running JavaScript in an isolated ‘pseudo-realm’ with its own globals and intrinsics — handy for third-party code and anything you want to keep away from your global scope.

Mat Marquis

Workshop: Debug Next.js Without Switching Tools — Hands-on Sentry workshop on debugging Next.js with high-context logs and distributed tracing. Register today.

Sentry sponsor

Better Browser Caching with No-Vary-Search — No-Vary-Search is an HTTP response header that tells caches which URL parameters can be ignored when matching requests to cached responses. While support is limited in browsers, for now, it's a general HTTP caching extension, so CDNs and shared caches can benefit too.

Harry Roberts

Six Million Selections Later: How the DMA Is Giving People Browser Choice — Two years on, the EU’s Digital Markets Act has been beneficial for Mozilla: “Firefox is selected through a DMA browser choice screen every 10 seconds. That adds up to more than six million Firefox selections”.

Gemma Petrie and Tasos Stampelos (Mozilla)

Testing Vue Components in the Browser — Julia sets up integration tests for her components that run entirely in the browser. She shares the issues she encountered while maintaining her approach of writing JavaScript for the frontend without using Node or server-side tooling.

Julia Evans

On Rendering the Sky, Sunsets, and Planets — Beautiful, thoughtful, and detailed work with shaders.
Maxime Heckel

Why Keyboard Users Can't Scroll Your Overflow Containers
Godstime Aburu

There Are Only Four Sensible Ways to Build a Website
Jono Alderson

Preserving DOM Changes Across Live Reloads
Kitty Giraudel

🧰 Tools, Code & Resources

wf: A CLI Tool for Looking Up Web Platform Features — A CLI tool for looking up web platform feature support, bugs, and docs, from Patrick Brosset of the Microsoft Edge team. You can install and run it as wf or you can just run it with npx like so: npx web-features-cli "fetch" .. The data is fetched live, too, so it’s always up to date.

Patrick Brosset (Microsoft)

Handsontable - Ship Faster with a Pre-Built Data Grid Component — 45 days of full feature trial plus direct support that will help you build what you’re aiming for.

Handsontable sponsor

Anime.js 4.4: The Flexible Animation Engine for HTML Elements — At ten years old, the ‘animate anything from JavaScript’ library continues to get even better with a new scrambleText effect and auto-grid layout mode for stagger grids. The docs for Anime are truly top-tier.

Julian Garnier

Cascade: A Set of SVG & React Icons for CSS Properties — A niche set of 97 icons specifically for representing CSS properties (e.g. a square for display: block, a two-column box for display: flex, and so on). Ideal if you're building design tools. GitHub repo.

Andrew Flett

visual-explainer: An Agent Skill That Turns Complex Terminal Output Into Styled HTML Pages — The idea here is to enable your agent to produce a more readable output than ASCII art or box diagrams, especially for more complex concepts like system architecture, diff reviews, and so on.

Nico Bailon

📰 Classifieds

⚡️ Add lightning-fast barcode & QR scanning to your web app with STRICH, a lean JS library. Simple, predictable pricing. Free trial and demo!

🔎 Detect, Highlight, Fix Accessibility - Test for WCAG & ARIA in the browser! Get A11yInspect Pro Free for 1 year - A developer friendly tool. Join the waitlist.

🔠 Putting Fonts Face-to-Face

Find Font: A Web Tool to Browse, Compare & Download Fonts — Includes a live comparison tool and an AI-powered font-pairing tool, with 5000+ free curated fonts to select from, in 50+ categories. You can view trending fonts, new additions, and compare up to 10 fonts on the same page.

Kaan Asici