|
|
|
|
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) |
|
|
đź“™ 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 Rachel Kaufman |
|
How an Accessibility Designer Adds Keyboard Shortcuts to a Web App
|
|
A New Meta Tag for Respecting Text Scaling on Mobile
|
|
Illustrated Guide to Multi-Threaded Rendering on the Web
|
|
Measuring SVG Rendering Time with Node.js
|
|
đź§° 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 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 |
|
📬 Got a new email address? You can change your email here. Bored of us? Click here to stop getting this newsletter. Got a link for us? Reply and tell us. We can't include everything but we'll take a look. Published by Cooper Press Ltd. |






