Plus the case for polyfills, making music with HTML, and we hit issue 750!
Together with  Greptile
🚀 Frontend Focus

#​750 — July 15, 2026 | Read on the web

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

⚡️ IN BRIEF

📙 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 @layer — Chris shares a pattern used at CodePen: put each component's design tokens in an @layer so they're weak and trivially overridable, and keep the scoped styles that consume them unlayered and strong, with no more specificity fights.

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 zoom and transform: scale() — Nothing beats a quick, live demo to see the difference in behavior.
Stefan Judis

I Thought AVIF Would Make Every Image Smaller: It Didn’t
Andy Clarke

How to Create Awesome Staggered Animations in CSS
Rob O'Leary

🧰 Tools, Code & Resources

Precursor: Detecting Agentic Behavior with Continuous Client-Side SignalsA 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 display() fallback for colors not natively supported by a browser.

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?
Danny Moerkerke

📰 Classifieds

✍️ Want to keep users in your app while they sign? See how to build an embedded eSign flow, token to iFrame. No client SDK, no redirects.


⚡ The backend for AI-generated apps: auth, storage, DB, AI & more. One-shot builds with up to 90% fewer tokens. Start building with Puter.js.

🎤 ...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