Frontend Weekly Digest #234 (1–7 November 2021)
2 min readNov 7, 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