FRONT-END WEEKLY DIGEST (JANUARY 27 - FEBRUARY 2, 2020)

A fresh selection of the latest frontend development industry insights and updates. Check the key happenings within CSS, JavaScript, and HTML to stay on top of the web development industry news. Stay tuned!

Web-development

• ResizeObserver — a new powerful tool for Responsive Web
• Voice Assistants and the JAMstack
• A new technique for making responsive, JavaScript-free charts
• Accessible Accordion. What you need to do to create accessible, inclusive accordion components.
• Why speed test results are different than your load times

• Tools

  • What's New In DevTools (Chrome 81)
  • Pick the Best Static Site Generator for your 2020 Projects

• Practice

  • How to Build a Speech to Emotion Converter with the Web Speech API and Node.js
  • Anonymous Web Scraping with Node.js, Tor, Puppeteer and cheerio
  • How Smashing Magazine Manages Content: Migration From WordPress To JAMstack

• SVG

  • Optimising SVGs for the Web
  • Use and Reuse Everything in SVG… Even Animations!
  • Going Beyond Automatic SVG Compression With the “use” Element

• Effects

  • Inspirational Websites Roundup #12
  • Implementing 2D Physics in JavaScript

CSS

• How to Create a Themes Engine Using CSS Variables and React Context
• Animating CSS Width and Height Without the Squish Effect
• 2 Common Problems With CSS Positioning
• Transitioning Hidden Elements
• A list of 300+ CSS properties
• Sticky Table of Contents with Scrolling Active States
• How Do You Do max-font-size in CSS?
• Can you make a countdown timer in pure CSS?
• Set Type on a Circle… with offset-path

JavaScript

• Essential JavaScript SEO Tips
• How to Automatically Update Your JavaScript Dependencies
• 🚀 Visualizing memory management in V8 Engine (JavaScript, NodeJS, Deno, WebAssembly)
• 5 Best Practices to Write Quality Arrow Functions
• Understanding Immutability in JavaScript

• React

  • Better Modals in React
  • What’s new in Next.js 9.2?
  • How to use SVGs in React
  • Set Up a Typescript React Redux Project
  • Error Boundary for wrong props or how I hacked prop-types package

• Vue

  • G&P Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites with vuejs
  • Building my New Site with VuePress
  • Display Images like Google and Flickr with Vue.js
  • Vue.js Functional Base Components Powered by CSS Modules

• Angular

  • Infinite Scroll with Ionic, Angular and Firestore
  • A Practical Guide To Angular: Handling HTTP Operations
  • Preload Angular Modules on demand
  • Top Reasons Why Your Angular App Is Slow

• Ember

  • The Ember Times - Issue No. 133
  • Thinking With Autotracking: What Is Reactivity?
  • Shining some light on timing out tests

• Libs & Plugins

  • popper 2.0 - Tooltip & Popover Positioning Engine
  • JavaScript Libraries Are Almost Never Updated Once Installed

Browsers

• Today, the Trident Era Ends
• Smashing Podcast Episode 7 With Stephanie Stimac And Aaron Gustafson: What’s New In Microsoft Edge?