|
|
|
|
Do We Still Need Build Tools for Frontend Dev? — A feature-by-feature audit of what build tools still do for us in 2026. Vendor prefixing and ES5 transpiling are becoming obsolete and Sass features are largely absorbed into CSS, but bundling and minification remain relevant. An honest take on where 'no-build' falls apart. Ollie Williams |
|
Get Screenshots of Your Frontend in Each PR — Greptile now runs your code to find bugs. Trex runs your PR branch in a sandbox, uses browser agents to click through your UI, and attaches screenshots and videos as evidence of the issue directly in the PR. Greptile sponsor |
|
In Defense of Polyfills — Prolific spec editor Anne van Kesteren expressed the opinion that "polyfilling is harmful", but Lea begs to differ. She explores the case for them in modern web development, arguing why they still matter despite evolving browser support. Lea Verou |
|
|
📙 Articles, Opinions & Tutorials |
|
|
Visual Design Rules You Can Safely Follow Every Time — A classic worth re-reading where an interface designer runs through a bunch of helpful design pointers, touching upon contrast, alignment, spacing, and more. Anthony Hobday |
|
A Bug Which Only Affected Left-Handed Users — One of those UX quirks you might not encounter until a design gets used by the public. Terence Eden |
|
The Frontend Can't Fix a Slow Analytics Query — TimescaleDB extends Postgres so your charts query fresh data at scale. Get $1000 credit to start. Tiger Data (creators of TimescaleDB) sponsor |
|
Thinking Horizontally in CSS Chris Coyier |
|
Building a 'Magical' 3D Button — Many actions we take on the web start with a button click, yet most buttons are ho-hum and uninspired. This recently updated tutorial looks at building an animated 3D button that 'sparks joy' instead. Josh W Comeau |
|
Building a Seamless Infinite Scroll Experience with GSAP & Lenis — A neat parallax depth effect and snap-based control give this approach a polished feel. It uses GSAP's ScrollTrigger and the Lenis smooth-scroll library. Demo here. Joe Ben Taylor |
|
The Difference Between |
|
I Thought AVIF Would Make Every Image Smaller: It Didn’t
|
|
How to Create Awesome Staggered Animations in CSS
|
|
🧰 Tools, Code & Resources |
|
|
Precursor: Detecting Agentic Behavior with Continuous Client-Side Signals — A new client-side verification system from Cloudflare that claims to distinguish human visitors from agentic or automated traffic by monitoring behavior. It's an optional complement to Turnstile. Elmore and Wolters (Cloudflare) |
|
It’s a Hell of a Time to Be a Builder — You spent years learning to make good decisions under ambiguity. That skill just became the whole job. Expo sponsor |
|
🎨 Color.js 0.7: 'Let’s Get Serious About Color' — A fantastic library for working with colors in the browser, following the latest specs. v0.7 is a big update including support for numerous new color spaces, a new gamut mapping method, and a smarter Lea Verou and Chris Lilley |
|
UX Components: A Practical Reference for UI Components Across Design Systems — For example, search for something like "accordion" and this reference will offer an encyclopedia-like description of that particular UI element, how it's used, suggested icons, and so on. Patrick Neeman |
|
tailwindcss-motion: An Animation Library for Tailwind Projects — Similar to other drop-in CSS libraries, this includes 20+ unique animations that you can try out and customize on the page, and there's even a custom animation builder too. Rombo |
|
A-Frame 1.8: A Framework for Building WebXR Experiences — A long-standing framework for building virtual reality experiences that work on mobile, desktop, and headsets with WebXR-capable browsers. A-Frame VR Team |
|
web-ext 10.5: A Tool to Build, Run, and Test Web Extensions — A popular, well-supported CLI tool that helps you build browser extensions in a standard, portable, and cross-platform way. Mozilla |
|
PWA-Check: An Automated PWA Health Check Tool — Is your web app actually ready to be installed, work offline, and behave like a real PWA?
|
|
|
🎤 ...and finally |
|
|
🎵 HYPERBLAM: Make Music with HTML — A declarative implementation of the Web Audio API for creating things like drum machines (example), instruments and effects boards without writing any JavaScript. You can try it in the sandbox here and create some neat beats of your own. Heydon Pickering |
|
📬 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. |



