Frontend Weekly Digest #227 (13–19 September 2021)

Web-development

• How to Record Audio Using the MediaStream API
• Web Quality Assurance: From User Requirements To Web Risk Management
• Deep-dive: VideoNG
• Orchestrating Complexity With Web Animations API
• My pain building a WYSIWYG editor with contenteditable
• Chrome is the new Safari. And so are Edge and Firefox.
• Optimizing images on the web

• Tools
  • Accessible Palette: Create color systems with consistent lightness and contrast
  • In Quest of Search: On why I think adding a new HTML sectioning element for search is a good idea.
  • Myths about Web Accessibility

CSS

• Designing Beautiful Shadows in CSS
• Grainy Gradients
• The Future of CSS: Cascade Layers (CSS @layer)
• Reducing The Need For Pseudo-Elements
• Minding the “gap”
• Modernising CSS infrastructure in DevTools
• CSS Container Query Units
• CSS Flexbox vs Grid layout
• Set Sail with Tailwind CSS

JavaScript

• Forever Functional: Higher Order Functions — Functions to rule functions
• Type Your Vanilla JavaScript Code with JSDoc
• Small Bundles, Fast Pages: What To Do With Too Much JavaScript
• Currency Calculations in JavaScript
• Detecting whether 3rd party cookies are enabled or not in JavaScript 🤔🍪

• React
  • How to Reduce React App Loading Time By 70%
  • Using Recoil instead of Redux For State Management In React Applications.
  • How JSX (React) Works Under the Hood
  • An Easy Guide to React useReducer() Hook
  • CSS Variables for React Devs
  • A Visual Guide to React Rendering — DOM
• Vue
  • Infinite Scrolling in Vue using the Vue Intersection Observer API
  • Create Signature Component in Vue
  • Vue PWA: A Progressive Web Application Development with Nuxt
  • Complete Vue.js 3 Guide [10/10]
• Angular
  • React Context In Angular
  • Tracking user interaction area
• Libs & Plugins
  • ChowJS: an AOT JavaScript engine for game consoles
  • tiny-vdom — Smallest possible virtual DOM implementation.
  • dotto.x — a tiny state manager for React, Svelte, and vanilla JS