Frontend Weekly Digest #172 (17–23 August 2020)
2 min readAug 23, 2020
Web-development
• Use advanced typography with local fonts
• Gettin’ Foldy with the Dual-screen Web Part I, Part II
• Is the Phone Gap closed in 2020?
- Tools
• Omatsuri is offline first PWA with 10 open source frontend focused tools.
• What’s New In DevTools (Chrome 86) - Performance
• Chrome for Android will show ‘Fast page’ labels based on Web Vitals
• How Fast Should Your Site Load?
• Website Optimization with New Media Formats
• Understanding Web Performance Monitoring - Animations
• Amazing Animation Techniques with GSAP
• Thumbnail to Full Width Image Animation
CSS
• Leading-Trim: The Future of Digital Typesetting
• Creating 3D Illustrations with CSS
• How to detect browser support for Flexbox Gap
• Custom Select Styles with Pure CSS
JavaScript
• Announcing TypeScript 4.0
• What’s New in TypeScript 4
• The History Of Javascript and Why You Should Know It
• How Well Do You Know Your JavaScript Fundamentals?
- React
• Getting Started with Adobe’s React Spectrum
• What React 17 Means for Developers
• Build A Confirmation Modal in React with State Machines
• Understanding React’s useRef Hook
• Mastering Props And PropTypes In React - Vue
• 4 Best Practices for Large Scale Vue.js Projects
• VueJS + Wicket = Vuecket
• Vue 3 is coming — what to expect and how to prepare
• Let’s Make a Vue-Powered Monthly Calendar - Angular
• Generate QR Codes with Angular 10
• A tour of Angular for web developers
• New possibilities with Angulars rendering and the push pipe — Part 1
• 5 tips to boost your Angular skills - Ember
• The Ember Times — Issue №161
• Migrating Off of PromiseProxyMixin in Ember Octane
• What is the current state of more advanced Glimmer VM features? - Svelte
• How to create a simple application with Svelte - Libs & Plugins
• OverlayScrollbars is a javascript scrollbar plugin which hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.