|
|
![]() |
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 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 |
|
📙 Articles, Opinions & Tutorials |
![]() |
Styling Siblings with CSS Has Never Been Easier — Some experimentation with 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 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 Zoran Jambor |
Create 'Sick' Web Animations in Three.js with GSAP — A very simple example.
|
▶ A False Sense of Accessibility: What Automated Testing Tools Are Missing
|
Design Systems: The True Source of Frontend Peace
|
How to Test the New ARIA Notify API with Cypress
|
Why Sticky Navigation Can Undermine Accessibility
|
🧰 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 Transforms — The 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 |
|
🚶♂️ ...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 |