Frontend Weekly Digest #153 (6–12 April 2020)

Web-development

• An introduction to the Web Contact Picker API
• Front End Debugging — Tips on Resolving Issues Quickly so You Can Move on to Better Things
• From 48k lines of code to 10 — the story of GitHub’s JavaScript SDK
• 10 Headless CMS Options for your JAMstack Website

• Tools
  • Setting up Windows for web development
  • GitHub Protips: Tips, tricks, hacks, and secrets from Lee Reilly
• Performance
  • 10 Critical Performance Optimization Steps You Should Take
  • Best Web Performance Books to Learn Site Speed Optimization
  • Measuring the Performance of JavaScript Functions
• Effects
  • A rapid animation of multiple layers of images for intros or page transitions.
  • Tips for Writing Animation Code Efficiently
  • Variable Emojis

CSS

• Styling Ordered Lists with CSS Counters
• Building dark mode on Stack Overflow
• PostCSS 8.0 is coming: Here’s what it brings
• How to Re-Create a Nifty Netflix Animation in CSS
• Speed Up Your UX with Skeleton Loading ☠️
• Keep the Footer at the Bottom: Flexbox vs. Grid
• Equal Height Elements: Flexbox vs. Grid
• My favorite CSS Interview Questions with detailed answers. Part II “CSS values”

JavaScript

• The Power of Recursion in JavaScript
• How && and || Operators Really Work in JavaScript
• What Is Currying in JavaScript and Why Does It Matter?
• Understanding (all) JavaScript module formats and tools

• React
  • React, Redux and a little bit of math.
  • New Features in Create React App 3.3
  • 8 React Performance Tricks: Make your app blazing fast!
  • React, Web Workers and IndexedDB
• Vue
  • Cut Your Nuxt.js generate Build Time in Half with context.payload
• Angular
  • Breaking a Large Angular App into Microfrontends
  • Implement Google Sign-In(OAuth) in your Angular App in under 15 minutes
  • What’s new in Angular 9?
  • Make your Angular application accessible for everybody
• Ember
  • The Ember Times — Issue №143
  • Simple Drag and Drop in Ember Octane
• Svelte
  • The power of SvelteJS: building an animated image carousel in ❤0 lines of code ✨
  • Svelte vs. React: Differences When Building the Same Web App
• Libs & Plugins
  • A JavaScript micro-library for responsive CSS motion paths!
  • prerender.js — loads pages quickly on any browser.

Browsers

• Web Animations in Safari 13.1
• New in Chrome 81
• Firefox 75 for developers
• Firefox 75: Ambitions for April