Frontend Weekly Digest #391 (2–8 December 2024)
Web-development
• Astro 5.0
• Control the Viewport Resize Behavior on mobile with interactive-widget
• A link on a logo in the header, what should the alt-text be?
• Why we switched to Astro (and why it might interest you)
- Tools
• Front End Debugging Part 2: Console.log() to the Max
• npm vs. npx: What’s the difference? - Performance
• The Evolution of Instant Web: What It Means for Performance Tooling
• A Layered Approach to Speculation Rules - Effects
• How to Create a WebGL Rotating Image Gallery using OGL and GLSL Shaders
• Creating An Effective Multistep Form For Better User Experience
CSS
• CSS Wrapped 2024
• Multi-State Buttons
• CSS content-visibility: The Web Performance Boost You Might Be Missing
• Pure CSS Halftone Effect in 3 Declarations
• Smooth Multi-Page Experiences with Just a Few Lines of CSS
• Next-level frosted glass with backdrop-filter
• Sass Blog. Request for Comments: Indented Syntax Improvements
• CSS :has() — The Parent Selector We’ve Always Wanted
• One of Those “Onboarding” UIs, With Anchor Positioning
• Mastering CSS Preprocessors: A Guide to Sass, Less, and Stylus
JavaScript
• Build a SolidJS app with Deno
• navigator.clipboard — The New Asynchronous Clipboard API in JavaScript
• Just say no to JavaScript
• 5 JavaScript Libraries You Should Say Goodbye to in 2025
• A leap in the evolution of Airtable’s codebase: Scaling TypeScript to thousands of projects
• SOLID principles for JavaScript
• Master JavaScript date and time: From Moment.js to Temporal
