Plus Bootstrap 6 Alpha, rank the web platform features you want in 2027, and Firefox 158's JPEG XL support.
Together with  Master.dev
🚀 Frontend Focus

#​762 — October 14, 2026 | Read on the web

What the iPhone Duo Means for Web Development — The Duo is out next week, so Darius fired up the simulator to try the Device Posture and Viewport Segments APIs (both available behind a flag). Using Video.js components and CSS, he tried to recreate Netflix's folded-player UI, but Apple's fullscreen restrictions made things a tad interesting.

Darius Cepulis (Video.js)

The Best Way to Use Icons in Web UIs — Lea shows how to insert and tweak icons without touching any HTML, using --icon custom properties, @property, style queries, and mask. The result? A pure CSS icon system that’s “more flexible and maintainable than what you've been using”.

Lea Verou

Become the TypeScript Expert on Your Team — Be the person your team trusts to review AI-generated TypeScript. Learn generics, conditional types, and discriminated unions in depth, then use that knowledge to catch subtle errors and steer AI toward cleaner types.

Master.dev sponsor

The 2027 Web Platform Feature Ranking Returns — Back for a second year, Firefox's ranker lets you sign in with GitHub, compare and rank the Interop 2027 proposals. Jake Archibald says last year’s findings (taken from ~1,900 rankings) helped “prioritise a lot of work this year”, so it's worth having your say.

Firefox

⚡️ IN BRIEF

📙 Articles, Opinions & Tutorials

Lazy Loading Images and Media: How Far Ahead Browsers Fetch — Ben measures how far ahead Chrome, Firefox and Safari fetch lazy-loaded media. He also shares what we can lazy load (including video and audio in Chromium browsers), and covers where lazy, eager and fetchpriority fit.

Ben Schwarz (Calibre)

How Sindre Sorhus' Personal Site is Now Made in Swift — A prolific JavaScript developer explains why he dropped Astro and now builds his personal site, styling and markup included, with Apple's Swift language.

Sindre Sorhus

Agentic Mobile Development, from First Prompt to the App Store — Expo gives your coding agent the mobile infrastructure it is missing: native builds, store submits and live updates.

Expo sponsor

Recursion is DEAD and HTML Killed It — A fun, practical look at using Chrome’s new out-of-order HTML streaming (known as declarative partial updates) to let the browser assemble nested comment threads for you. Chromium-only, but exciting.

Dave Rupert

🖼️ I Guess I’m Using WebP Now — It’s been 16 years since Google introduced the WebP image format, support is now widespread (97%), and hey, maybe they’re worth another look?

Gavin Anderegg

Scroll-Triggered Animation as the Missing Piece for Scrollytelling on the Web — A look at the CSS Animation Triggers spec, an Interop 2027 candidate, and how it kicks off an animation based on scroll position. Five demos show what it enables.

Brecht De Ruyte

Firefox 158 Enables JPEG XL by Default — Coming shortly after Chrome did the same, Firefox now supports JPEG XL by default, adding image/jxl to its image Accept header.

Mozilla

🌐 In other browser news, Chrome 156 beta is out (stable next week) and adds support for CSS random(). Also, Safari Technology Preview 254 is out with both calc-size() and interpolate-size support.

Fingerprints are the New Cookies — Several ways JavaScript and browser APIs can assign a unique identifier to you.
Roy Fish

How to Test an iframe's postMessage Handler
Keshav Malik

🧰 Tools, Code & Resources

Bootstrap 6 Alpha — An early look at the popular framework's first major release since 2021. Modernization is the order of the day, with most Sass variables now CSS variables, ESM-only JS plugins, and it leans on more browser-native features.

Mark Otto

reseter.css 3.0: The Modern CSS Reset — v3 of this popular CSS reset is a major rework. Both the 'full' and 'mini' variants now ship wrapped in @layer reset for predictable overrides, use logical properties throughout, and are built with Lightning CSS. And all just ~1KB compressed.

Krish Gupta

Publish to Miris Straight from Adobe Substance 3D Painter — Stop sharing decimated 3D content. Stream your high-fidelity Adobe Substance 3D Painter assets via the Miris plugin.

Miris sponsor

ascii.rest: Animated ASCII Art for Web Pages — A collection of over 200 animated ASCII pieces, from lovely art pieces to more practical components like loaders, spinners, charts, shapes, etc.

Shubham Kira

Screen Ruler: Measure, Inspect, and Edit Web Pages — A popular Chromium extension for taking page measurements, CSS inspection, and live edits. Comes with an MCP server too.

Myster Violets

webvitals.fyi: Explore and Compare Every Performance Tool — Currently includes 29 tools, each given an opinionated rating, based on capabilities and role (e.g. frontend vs. performance engineer).

Phil Gourley

FontGlyph: Local-First Tool to Convert SVG & PNG Icons into a WOFF2 Icon Font
cwittenberg

Vite Plugin Registry: Discover and Compare Plugins for Vite, Rolldown, & Rollup
VoidZero

Lift HTML: A Tiny Library for Building HTML Web Components
Yaroslav Lapin

📰 Classifieds

Bring your wild ideas to Mozilla Festival. Gather and connect with other developers and creatives in Barcelona, Oct. 28-30. Get your badge.


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