Frontend Weekly Digest #386 (28 October — 3 November 2024)

Web-development

• The <details> and <summary> elements are getting an upgrade
• New to the web platform in October
• Octoverse: AI leads Python to top language as the number of global developers surges
• Build an Astro site with Deno
• Understanding npm audit and fixing vulnerabilities

• Performance
  • The most effective ways to improve Core Web Vitals
  • Adobe: A quick start guide to web performance
• Effects
  • Interactive 3D with Three.js BatchedMesh and WebGPURenderer
  • How to Code a Subtle Shader Background Effect with React Three Fiber

CSS

• State of CSS 2024 Results
• Scroll-Driven… Sections
• Pure CSS simple parallax on scroll (responsive, accessible)
• Making content-aware components using CSS :has(), grid, and quantity queries
• Should masonry be part of CSS grid?
• Edge to Edge Text
• The CSS content-visibility property is now Baseline Newly available
• Web-Slinger.css: Like Wow.js But With CSS-y Scroll Animations
• My Modern CSS Reset
• Halloween, (CSS) Masks, and Logic Gates

JavaScript

• In the future using top-level await might be cause a backwards compatibility break in Node
• Generating Random Mazes with JavaScript
• How we shrunk our Javascript monorepo git size by 94%
• How to roll your own auth in JavaScript & TypeScript
• Why jQuery 4 is a good reminder to stop using jQuery

• React
  • HTML Form Validation is heavily underused
  • How to create a dropdown menu in React
  • Advanced Next.js caching strategies
  • OpenNext Gets Closer to Making Next.js Truly Portable
• Vue
  • Mastering Microfrontends: Coexisting Vue 2 and Vue 3 in Large-Scale Applications
• Angular
  • aAngular RFC: An updated style guide for the year 2024
  • Reset or set the value in LinkedSignal in Angular 19