Frontend Weekly Digest #188 (7–13 December 2020)

Web-development

• Web Almanac 2020: HTTP Archive’s annual state of the web report
• 10 Best Podcasts for Web Designers, Developers and Digital Professionals
• Overlaying Video With Transparency While Wrangling Cross-Browser Support
• How I Accidentally Built an API Business
• Debugging WebAssembly with modern tools

• Tools
  • Webpack Roadmap 2021
  • The NPM guide I would have loved as a beginner
  • Deep dive into Rome: Linting, compiling, and bundling
• Performance
  • Improve Page Rendering Speed Using Only CSS
  • Running Lighthouse in GitHub Actions
  • Analyzing Web Vitals with WebPageTest
  • Exploring the Network Tab in Chrome Dev Tools
• Accessibility
  • Alt vs Figcaption
  • Creating a Web for the Next Billion Users, Part 1: ARIA, Focus and Focus Management
  • Accessible icon links
• Effects
  • Horizontal Smooth Scroll Layouts
  • CSS Glitchy Text Reveal in 3 minutes

CSS

• Using CSS Custom Properties to Adjust Variable Font Weights in Dark Mode
• CSS Scroll Snap
• The Rules of Margin Collapse
• Styling Comment Threads
• Why I Love Tailwind
• What Can You Put in a CSS Variable?
• CSS Sticky Parallax Sections
• A Utility Class for Covering Elements

JavaScript

• An Introduction to The Geolocation API in JavaScript
• Reflecting on 25 Years of JavaScript
• Publish, ship, and install modern JavaScript for faster applications
• How to Build a Snake Game In JavaScript
• CSS paint API: Being predictably random
• Trying 9 Frontend JavaScript Frameworks with their CLIs in 2021(React, Svelte, Angular, Vue+) (complete video 📹)

• Theory
  • Modern JavaScript — Imports, Exports, Let, Const, and Promises in ES6+
  • Let’s Create a Lightweight Native Event Bus in JavaScript
  • Understanding the JavaScript Destructuring Syntax
  • Errors and Error Handling in JavaScript
• React
  • Optimize Images According to Network and Device Constraints in React
  • New JSX Enhancements in React 17
  • 5 Mistakes to Avoid When Using React Hooks
  • Skeleton Screens for React Apps
  • How to increase CSS-in-JS performance by 175x
  • Upgrading to React 17 and Webpack 5
• Vue
  • Tricky, Tricky — Hidden Migration Tips for Vue 3
  • Migrating Vue 2 to Vue 3
  • State Management in Vue 3
  • A Journey From React to Vue.js
• Angular
  • Speed Up Your Angular Application with Code Splitting
  • Introducing the @ngneat/dag Library
  • Bulletproof Angular. Angular strict mode explained
• Ember
  • Debugging an Ember Octane App
• Svelte
  • Svelte for React dev
  • Svelte: How to create a Dynamic Table Component
• Libs & Plugins
  • Depix — a tool for recovering passwords from pixelized screenshots.