Frontend Weekly Digest (6 - 12 Apr 2020)

Jump in to check the latest news and insights on CSS, HTML, and JavaScript to stay on top of the forntend industry happenings.

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

  • Best Web Performance Books to Learn Site Speed Optimization
  • Measuring the Performance of JavaScript Functions
  • 10 Critical Performance Optimization Steps You Should Take

• 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

• JavaScript fwdays'20 online March 14
• 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 No. 143
  • Simple Drag and Drop in Ember Octane
  • Ember Octane: Airtable Time

• Svelte

  • The power of SvelteJS: building an animated image carousel in <30 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

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