Frontend Focus
Plus, Safari gets a broken heart, a sneak peek at WCAG 3.0, and what did the web platform achieve last year?
Together with  Frontend Masters logo
🚀 Frontend Focus

#​728 — February 11, 2026 | Read on the web

The CSS Selection: 2026 Edition — A huge deep dive into real-world usage of CSS, drawing on data from over 100,000 websites. It’s valuable analysis that looks at stylesheet size, overall feature usage, and CSS complexity (including a single page with 210,695 CSS rules!) If you’re curious about the adoption recent CSS additions are seeing, this is a must read.

Bart Veneman

The Most Loved JavaScript Course Year After Year — JavaScript: The Hard Parts is rated 4.92 on average by thousands of developers. Build real mental models for how JavaScript works, from execution context and closures to async behavior and modern language features.

Frontend Masters sponsor

How a 💔 Broken Heart Made a Page 100x Slower in Safari — A single emoji brought a dashboard to its knees, dragging out load times to ten seconds. Finding it took a journey through red herrings, performance timelines, and a binary search. The sort of oddity any of us could run into.

Allen Pike

Interop 2025: A Year of Convergence — Work on the Interop project, an initiative that brings together Apple, Google, Microsoft, Mozilla and others to identify the areas of the web platform where interoperability matters most to developers, has concluded its fourth year. Here's an overview of the 2025 efforts, including key features that saw convergence across browsers: Anchor Positioning, View Transitions, and the Navigation API.

Nicole Sullivan (WebKit)

⚡️ IN BRIEF

📙 Articles, Opinions & Tutorials

Shades of Halftone — A thorough technical tour of all things pixelation, dithering and halftone. Maxime digs into the mathematical implementation of using GLSL shaders to create such effects. I really dig the aesthetic (an increasingly popular one in modern web design generally) explored here.

Maxime Heckel

The React Native Guide Web Developers Actually Need — Built by the Expo team. Learn what works, what breaks, and which libraries everyone actually uses in production.

Expo sponsor

The Browser Hates Surprises — There are techniques you can use to avoid page-loading jank and content from shifting around, even if repainting is still necessary. This post looks at some solutions.

Durgesh Rajubhai Pawar

▶  What’s Missing from the Web Platform? — A 50~ minute big-picture episode where Scott and Wes run through their wishlist for the web platform (better form controls, various CSS ideas, etc).

Syntax podcast

A Guide to Browser DevTools - The Network Monitor — Provides a solid starting point for getting to grips with the Network Monitor in your workflow — a tool that allows us to see and inspect the requests a browser makes as a page loads.

Michael Li

A Polyfill for the HTML Switch Element — Thomas shares a new polyfill designed to bring the native HTML switch element functionality to all modern browsers.

Thomas Steiner

How (& Why) to Stop Users from Selecting Text on Your Website — You can stop text selection with the user-select CSS property. I didn’t know it was something that was in the spec, removed, and then added back again.

Rachel Kaufman

How an Accessibility Designer Adds Keyboard Shortcuts to a Web App
Eric Bailey

A New Meta Tag for Respecting Text Scaling on Mobile
Manuel Matuzovic

Illustrated Guide to Multi-Threaded Rendering on the Web
Ashish Shubham

Measuring SVG Rendering Time with Node.js
Stoyan Stefanov

🧰 Tools, Code & Resources

The Logo Soup Problem: And How to Solve It — Many sites show company logos as social proof, but sizing and laying out logos responsively can be tricky. Luckily, you can now use React Logo Soup instead – here’s a demo. If React isn't your thing, they also explain the algorithm behind it.

Rostislav Melkumyan

Peek: A JavaScript Library for 'Smart Header' Behavior — You can see it in action on the page. It’s “smart” in that it will differentiate between small insignificant scrolls and intentional ones. You can customize the thresholds and delays and it works with any framework. Repo here.

Chad Pierce

Live Data for Dashboards. No Second Database — Tiger Data runs analytics on live Postgres data. No pipelines, no sync lag. Extend Postgres instead. Try free.

Tiger Data sponsor

Invoker Buttons Polyfill: A Polyfill for the Newly Supported command and commandfor HTML Attributes — Both features are now baseline newly available since December 2025, but if you want deeper support this script will help. There’s a writeup here.

Keith Cirkel

Shaka Player 5.0: Library for Playing Adaptive Media — Plays formats like DASH and HLS in the browser sans plugins. It can also store and play media when offline using IndexedDB. (Demos.)

Shaka Project

broz: A Simple, Frameless Browser for Screenshots — Potentially useful if, like me, you're sick of fidgeting around to get a clean screenshot of a site.

Anthony Fu

SVG Studio: A Browser-Based Tool for Working with SVGs — Has quite a few features including optimization, debugging and fixing SVG rendering issues, cleaning up SVGs exported from design tools, and better understanding the underlying code.

gavin atkinson

📦 ..and finally

Toon Text: A Web Tool to Generate Cartoon-Style Text — Not for every project, but a unique tool that combines some fun fonts you can choose from with CSS effects. Includes a number of different ways to customize the look before copying the final code.

Andy Clarke

Ipx.