Together with  Progress
🚀 Frontend Focus

#​711 — October 1, 2025 | Read on the web

How Much Do You Really Know About Media Queries? — Just as Daniel discovered, there’s probably more to media queries than you might have assumed. There’s plenty of descriptors available to us, including aspect-ratio, monochrome, vertical-viewport-segments, and more. “many of them definitely deserve more attention”. He digs into a bunch right here.

Daniel Schwarz

Touring New CSS Features in Safari 26 — Last week we shared news of Safari 26’s release, and now Juan has dug into what’s new, sharing the rundown of what’s now supported and what these additions open up.

Juan Diego Rodríguez

Free Webinar: Modernizing Legacy Business Apps Without Sacrificing Speed & Quality UX — Whether you’re tackling modernization at scale or fine-tuning your design system, this session shows how to keep speed, stability and UX quality in balance. In this joint webinar, Resolute & Progress will share real-world success stories from three enterprise modernization projects. Save your seat today!

Progress Telerik sponsor

CSS Wish: Inner Breakpoints — Dr. Axel explains why he wants to see CSS support ‘inner breakpoints’ – breakpoints not for viewports or containers but for HTML elements inside viewports or containers.

Dr. Axel Rauschmayer

In The Economy of User Effort, Be a Bargain, Not a Scam — “Treat user effort as a currency. To create a product users love, design the tradeoff curve of use case complexity to user effort with the same care you design your pricing scheme”.

Lea Verou

⚡️ IN BRIEF

📙 Articles, Opinions & Tutorials

Styling Siblings with CSS Has Never Been Easier — Some experimentation with sibling-count and sibling-index, demos and visuals included.

Brecht De Ruyte

A Complete Guide to HTTP Caching — Covers everything from the high-level questions such as why you need to cache, and what to cache, down to things like validation, keys, browser behaviors, CDNs, debugging, and more.

Jono Alderson

WCAG’s Longevity — A fair critique of how some aspects of the accessibility guidelines were created “under the premise of a 2005-era web that do not hold true for 2025”, followed by a specific look at an audio description section of the standard.

Eric Eggert

The Best CSS Unit Might Be a Combination — Now that we have comparison functions, we don’t have to choose between px and rem for spacing.

Miriam Suzanne

The Coyier CSS Starter — A fairly opinionated CSS starter/reset by Chris Coyier — it follows a set of personal principals to guide what is in there and what isn’t, as explained here.

Chris Coyier

▶  The corner-shape CSS Property is Amazing — Here’s a brief look at this new property and what creative options it unlocks.

Zoran Jambor

Create 'Sick' Web Animations in Three.js with GSAP — A very simple example.
Michael Li

▶  A False Sense of Accessibility: What Automated Testing Tools Are Missing
Beau Vass

Design Systems: The True Source of Frontend Peace
Luiza Carvalho

How to Test the New ARIA Notify API with Cypress
Mark Noonan

Why Sticky Navigation Can Undermine Accessibility
Access * Ability

🧰 Tools, Code & Resources

Polypane 26: Accurate Device Emulation with Safe Area and Small Viewport Units — Version 26 of this developer-focused browser dropped just a few days ago, and this release makes Polypane the first browser to let you emulate safe-area-inset values and small viewport heights. A win for accurately testing emulated devices.

Kilian Valkhof

React Cookie Manager: A Powerful, Customizable React Component for Cookie Consent — A well-documented solution that will automatically block tracking if necessary and can easily be customized. Try the live demo here — which is also an interactive page demonstrating its features.

hypership

JavaScript UI Libraries for Surveys and Forms — Stop reinventing forms. Use SurveyJS. Install via npm and build a custom form management system directly in your JS app.

SurveyJS sponsor

HTML3D: A Lightweight JavaScript Library for Creating Interactive 3D Scenes using CSS 3D TransformsThe demo is neat. It includes an inception-like ‘game within a game’ with the ability to edit the game’s code right inside the game itself.

Tim Samshuijzen

eslint-plugin-depend: An ESLint Plugin to Help Suggest Alternatives to Various Dependencies — For example, it will detect dependency tree bloat and polyfills that can now be removed due to redundancy.

ES Community

Svelte Animations: Animated UI Components Built with Svelte — Inspired by similar libraries for React (Magic UI, Acernity, Luxe, etc). Many of the components have Svelte 5 support, and you can browse them here.

Sikandar Bhide

📰 Classifieds

⚡️Add lightning-fast barcode & QR scanning to your web app with STRICH, a lean JS library. Simple, predictable pricing. Free trial and demo!


🔻Building a diagramming UI? Cut your dev time 12x with JointJS – the feature-rich library trusted by Fortune 100 companies. Explore more →

🚶‍♂️ ...and finally

'Messenger' — This is a beautifully animated example of just what’s now possible in the browser. A charming little Web-GL interactive experience. Take a moment to explore.

Abeto

Ipx.