Frontend Weekly Digest #240 (13–19 December 2021)

Web-development

• Working With Web Feeds: It’s More Than RSS
• Audio API: Review the audio element and overview some of what’s possible with the audio API by building a custom audio
• How to prevent scrolling the page on iOS Safari 15
• There’s never been a better time to build websites
• Smashing Meets For All — December 2021
• What’s new in the latest GraphQL spec

• Tools
  • Full accessibility tree in Chrome DevTools
  • What’s new in npm 8?
  • The Ultimate Front-End Toolkit for 2022
• Performance
  • Explain like I’m five: Web Performance Optimization
  • Read the Tea Leaves Software and other dark arts, by Nolan Lawson
  • Performance Implications of JavaScript Errors
  • Web Page Rendering Process in Browser | Critical Rendering Path
• Effects
  • Inspirational Websites Roundup #32
  • Pixelated Distortion Effect with Three.js

CSS

• Consistent, Fluidly Scaling Type and Spacing
• CSS Custom Properties
• CSS Houdini Paint API
• The State of CSS 2021
• What’s New In Tailwind CSS 3?
• Tailwind CSS — A recap after two and a half projects
• [Checklist] How to Choose Between SVG or Webfont
• Broken Hyphens in Chromium 96: An Explanation (and Fix)
• Responsive CSS border radius with the Fab Four technique

JavaScript

• Deep-copying in JavaScript using structuredClone
• 6 Hidden JavaScript Gems You Probably Missed But Will Make You A Shining Star At Work
• Topological sort
• Understanding Axios POST requests

• React
  • React Conf 2021
  • React Conf 2021 Recap
  • Techniques to optimize react render performance: part 1
  • Redux Who? Handle your own state instead
  • Set Up Web3 in Your React App
  • Create an advanced scroll lock React Hook
  • Remix: A guide to the newly open-sourced React framework
  • Using Fetch Event Source for server-sent events in React
• Vue
  • Nuxt 3 Beta: What’s New and How to Get Started
  • How to build a Vue-based micro-frontends infrastructure
  • Building an app with Electron and Vue
  • Getting an element within a component with Vue querySelector
• Angular
  • Angular Async Pipe — Here’s how to use it like a boss
• Svelte
  • Beginner’s guide to Svelte — From basics to state management and animation
  • The Future of Svelte (Interview with Rich Harris)
• Libs & Plugins
  • GSAP 3.9 Released: Flip Plugin is no longer for members-only!
  • Floating UI — Position all types of floating elements with full control. Tooltips, popovers, dropdowns, menus, and more.
  • quick-lint-js — Faster, easier, friendlier: how quick-lint-js will take over ESLint