Frontend Weekly Digest #384(7–13 October 2024)

Web-development

• The Disappearance of an Internet Domain. How geopolitics can alter digital infrastructure
• GOV.UK: Building a robust frontend using progressive enhancement
• The Popover API: Your New Best Friend for Tooltips
• Building the Perfect Logo Strip
• Building a Single-Page App with htmx
• iOS404
• Understanding and supporting zoom behaviors on the web
• Exploring Playful Context-Aware Animations for Fixed Elements
• Case Study: Treize Grammes — 2024

• Tools
  • Announcing Deno 2
  • Programming should be simple
  • Node vs Bun: no backend performance difference
• Performance
  • How to Boost Your Productivity With Cross-Browser DevTools Features
  • Fixing your website’s JavaScript performance

CSS

• CSS Fan Out with Grid and @property
• Inheritance changes for CSS selection styling
• Tailwind Grid Builder
• CSS nesting improves with CSSNestedDeclarations
• CSS Logical Properties, easier with Sass
• Searching for a New CSS Logo
• CSS :has() nav sliding hover tips
• CSS Tricks That Use Only One Gradient
• Tables with Fixed Headers and Horizontal Scroll
• 2024: More CSS At-Rules Than the Past Decade Combined
• Recipes for Detecting Support for CSS At-Rules
• Scroll-driven animated card stack with scroll snap events

JavaScript

• JavaScript Due for New Time, Date and Set Features Next Year
• Handling Paste Events in JavaScript
• Build a Classic Snake Game from Scratch with Pure JavaScript!
• TC39 Advances 10+ ECMAScript Proposals: Key Features to Watch
• Announcing TypeScript 5.7 Beta

• React
  • A guide to the React useReducer Hook
  • How Microsoft Edge Is Replacing React With Web Components
• Vue
  • How to add a feedback box to your Vue.js app (and get notified on Slack)
  • Reliable Component Testing with Vitest’s Browser Mode and Playwright
• Angular
  • Latest updates to effect() in Angular
  • Deep Dive Into Angular Pipes Implementation