Frontend Weekly Digest #382 (23–29 September 2024)

Web-development

• You Might Not Need that Framework
• Catching Up on the WordPress 🚫 WP Engine Sitch
• Web Components Are Not the Future — They’re the Present
• Web components are okay
• The continuing tragedy of emoji on the web
• Tauri adoption guide: Overview, examples, and alternatives
• Your Accessibility Questions Answered by a Blind Person
• Five Ways to Lazy Load Images for Better Website Performance

• Case Studies
  • Josh Comeau: How I Built My Blog — 2024 “App Router” Edition
  • Ahmad Shadeed: Redesign Case Study
  • Habit Hustle: The Creative Process Behind a UI Animation

CSS

• How to create Shapes with Inner Curves using CSS Mask
• Feature detecting Scroll-Driven Animations with @supports: you want to check for animation-range too
• Open & Close Transitions with <details>
• Introducing TODS — a typographic and OpenType default stylesheet
• The problem with superscripts and subscripts
• Slide Through Unlimited Dimensions With CSS Scroll Timelines
• How to Make a “Scroll to Select” Form Control
• Color Mixing With Animation Composition
• Bad CSS-Dad Jokes (III)
• Developing modals using only CSS and the Popover API
• Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.

JavaScript

• A guide to destructuring in JavaScript
• null, but also not null
• What are Durable Functions? A visual JavaScript primer
• How to use the Reddit API for a JavaScript application

• React
  • A Complete Guide to Session Management in Next.js
  • How to Create a Reusable Modal Component in React
  • Practical guidance between vertical and horizontal micro-frontends
  • Component Composition is great btw
• Vue
  • Augmenting the client with Vue.js
  • Vue Mess Detector — A comprehensive code analysis and quality assessment tool
• Angular
  • Delivering Angular apps in online vs. offline modes
  • Angular Routing Essentials: All You Need to Know in One Post