Frontend Weekly Digest #331 (2–8 October 2023)

Web-development

• Using the Intl segmenter API
• Effectively loading ads without impacting page speed
• Sprite your SVGs
• Accessible, Typesafe, Progressively Enhanced Modern Web Forms

• Accessibility
  • WCAG 2.2 is here! What it means for your business
  • Misconceptions can kill accessibility momentum
  • Obligatory WCAG 2.2 Launch Post
• Effects
  • Run a Scroll-Driven Animation only once
  • Coding an Interactive (and Damn Satisfying) Cursor: 7 Simple Steps + 2kb of Code
  • Animating Multi-Page Navigations with Browser View Transitions and Astro

CSS

• Icon Glassmorphism Effect in CSS
• Perfect text outline/knockout text
• Limit the reach of your selectors with the CSS @scope at-rule
• When to Nest CSS
• Re-Creating The Pop-Out Hover Effect With Modern CSS (Part 2)
• The elements of responsive typography
• An Anchored Navbar Solution

JavaScript

• Build an AI chatbot with FastChat and JavaScript
• Was Javascript really made in 10 days?
• The Uphill Battle of Memoization
• Debunking, the Myth: “JavaScript Modules Are Just Fancier Way of saying ‘Files’ ” .
• Your JS App Is Leaking Memory And You Don’t Know
• I hate Typescript, is it a shame?

• React
  • A look at React hydration and pre-rendered HTML
  • Build a dynamic currency converter for an ecommerce React app
  • React Re-rendering: Exploring What, Why, and How
  • React Testing Library vs Jest
• Vue
  • Simplify sharing with built-in APIs and progressive enhancement
  • Mastering Vue.js Lifecycle Hooks: A Comprehensive Guide with Examples
• Angular
  • A Comprehensive Guide to Angular’s Defer Block

Browsers

• Chrome now shows each active tab’s memory usage!
• Release Notes for Safari Technology Preview 180
• What’s new in DevTools: Chrome 118
• Chrome 119 beta: CSS relative color syntax, new pseudo-classes, and much more.