Frontend Weekly Digest #234 (1–7 November 2021)

Web-development

• Favicons: How to Make Sure Browsers Only Download the SVG Version
• Everything announced at Chrome Dev Summit 2021
• Have Single-Page Apps Ruined the Web? (“Transitional Apps”)
• Web History, Chapter 10: Browser Wars

• Tools
  • Developer Tools secrets that shouldn’t be secrets
  • Depp — A fast unused and duplicate package checker
  • Top 10 Advanced VS Code Settings for Senior Developers
• Performance
  • What’s new in PageSpeed Insights
  • Towards an animation smoothness metric
  • Feedback wanted: An experimental responsiveness metric
  • Lighthouse user flows
• Accessibility
  • Name, labels, ARIA, what to do?
  • Accessible Toggles
• Effects
  • Scroll-Linked Animations With the Web Animations API (WAAPI) and ScrollTimeline
  • How to Create an Animated Chart of Nested Squares Using Masks
  • SVG Overlay and Infinite Menu Background Animation

CSS

• Building Real-life Components: Facebook Messenger’s Chat Bubble
• CSS-ing Candy Ghost Buttons
• A complete guide to word-wrap, overflow-wrap, and word-break in CSS
• Goodbye CSS Modules, Hello TailwindCSS
• How CSS works

JavaScript

• A Deep Dive Into Serverless UI With TypeScript
• How to create your own cryptocurrency with JavaScript
• Heaps in JavaScript
• ES2022: A Complete Guide on Private Class Fields, Methods, and Static Initialization Blocks

• React
  • React Router v6
  • 5 New Killer Features of Next.js 12
  • Gatsby 4: Using SSR and DSG
  • How we improved app performance and code quality by upgrading React Navigation
  • A Quick Intro to Elm for React Developers
  • Comparing the top 3 React lightbox libraries
  • Common React Hooks Mistakes You Should Avoid
• Vue
  • I18n. Internationalization in Vue applications
  • Why I Love Vue 3’s Composition API
• Angular
  • Angular v13 is now Available
  • Angular 13 in Depth
  • How to use Angular route resolvers with NgRx store
• Svelte
  • Hot Module Reloading for Content in Sveltekit
  • Build your own component library with Svelte
• Libs & Plugins
  • Smooth Scrollbar — Customizable, Pluginable, and High-Performance JavaScript-Based Scrollbar Solution.
  • Theatre.js: Create intricate and powerful animations in JavaScript