Frontend Weekly Digest #389 (18–24 November 2024)
Web-development
• Solving eventual consistency in frontend
• Enter WebSockets
• Exploring the HTML5 <a> Tag Ping Attribute
• How to Create a Meme Generator Using HTML Canvas
• Don’t forget to localize your icons
• Building My Resume in HTML using Eleventy
- Tools
• The devtools features you wish you had, available in Polypane
• How to Prerelease an npm Package
• Nue: A New Static Site Generator Taking on Next.js - Accessibility
• Alt Text: Not Always Needed
• Two different kinds of “focusable” UI elements
• Old alt text advice - Effects
• From Product to Cart: Adding Guiding Animations to the Shopping Experience
• Broken Glass Effect (on click, WebGL)
CSS
• Make creative borders with background-clip border-area
• Fun with Flags… with CSS
• CSS’s new light-dark() function is the best way to do Dark Mode in 2024
• Tailwind CSS vs Traditional CSS:
• Solved by CSS: Donuts Scopes
• No Fuss Light/Dark Modes
• REM? PX? Why not both?
• You are not a CSS dev if you have not made a CSS reset
• The CSS Reset Contradiction
• An outline version of the new CSS logo
JavaScript
• State of JavaScript 2024
• Announcing TypeScript 5.7
• Importing a frontend Javascript library without a build system
• Recursion Explained In Simple Terms
• The Fight to Free JavaScript from Oracle’s Control
- React
• Loading Data with TanStack Router: react-query
• You’re Using Context Providers the Wrong Way! Here’s How to Fix It
• React Scan — Scan for React performance issues and eliminate slow renders in your app
• Building React Forms with Ease Using React Hook Form, Zod and Shadcn
• A React-Based Open Source Tool for Creating Data Tables - Vue
• Supercharged Vue 3.0 Reactivity + Pinia Stores
• Vue 3.x Comprehensive Upgrade Guide: In-depth Exploration of Composition API
• A guide to two-way binding in Vue - Angular
• Meet Angular v19
• What’s New in Angular 19: Standalone Components, Enhanced Signals, and More!
• Almost Perfect tsconfig.json Options for Your Angular Projects
• Angular 19 Released: What’s New and How It Impacts Your Development Workflow