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.