Frontend Weekly Digest #150 (16–22 March 2020)
2 min readMar 22, 2020
--
Web-development
• Heading off confusion: When do headings fail WCAG?
• What Does `playsinline` Mean in Web Video?
• Quick Front-End Integrations Through Components
• Optimizing Collaboration Between Frontend Developers
- Tools
• Tools for Optimizing SVG
• npm is joining GitHub
• Prettier 2.0 “2020” - Performance
• Maintaining Performance. Or… How I shaved ~33s off my page load by fixing fonts
• The DevTools Performance Tab — Using Chrome’s Profiler to Optimize Your Page Speed - Effects
• Playing With Particles Using the Web Animations API
• Create a Wave Motion Effect on an Image with Three.js
• Ideas for Distorted Link Effects on Menus
• How to create an accordion hover effect with box-shadows
CSS
• ‘CSS X’
• A Complete Guide to calc() in CSS
• Neumorphism and CSS
• Positioning Text Along a Path with CSS
• A Practical Overview Of CSS Houdini
• Everything About Auto in CSS
• CSS: Flexible Repeating SVG Masks
JavaScript
• Angular vs React vs Vue [2020 Update]
• Monorepos in JavaScript, Anti-Pattern
• For of loops in Javascript one loop to rule them all
• Handy Tips on Using console.log()
- React
• React Suspense in Practice
• Creating Sortable Tables With React
• Implementing Infinite Scroll And Image Lazy Loading In React - Vue
• Vue.js Amsterdam 2020
• Deep dive into Vue state management
• How to Test Your Vue Components Using the Jest Testing Framework
• RFC: Adopt a modern JavaScript framework for use with MediaWikiOpen, Needs TriagePublicActions — Vue is winner - Angular
• How to speed up Angular build times with caching
• Angular: Keeping it Fat, Dumb, and Happy
• Lazy loading Angular components into Non-Angular applications - Ember
• The Ember Times — Issue №140
• EmberConf 2020
• EmberConf 2020 Notes
• Ember Testing Guide
• Refactoring Ember templates — Quick tip! - Svelte
• Composition in Svelte 3: slots
• The use for use in Svelte - Libs & Plugins
• Simple Chess Engine Vanilla JS
• heapify — A very fast JavaScript priority queue, implemented using a binary heap, which in turn is implemented using two underlying parallel typed arrays. No dependencies
• Introduction to AntV
• mutik: a tiny (495B) immutable state management library based on Immer
