Frontend Weekly Digest #235 (8–14 November 2021)

Web-development

• AMP Has Irreparably Damaged Publishers’ Trust in Google-led Initiatives
• Using Web Workers to boost third-party script performance
• What’s New In DevTools (Chrome 96)
• Assistiv Labs — remotely connects you to real assistive technologies, like NVDA, JAWS, and Windows High Contrast Mode, using any modern web browser
• Redundantly Redundant a11y Accessibility
• Inspirational Websites Roundup #31

CSS

• Animating height: auto
• CSS Comparison functions: min(), max(), and clamp()
• Quick and Dirty Bootstrap Overrides at Runtime
• Icon Glassmorphism Effect in CSS
• CSS Loaders & Spinners
• Frosted Glass Effect in CSS
• How to fix background scroll issues in CSS

JavaScript

• Rust Is The Future of JavaScript Infrastructure
• What is Chrome Scripting API?
• JavaScript Sanitizer API: The Modern Way to Safe DOM Manipulation
• Smuggling hidden backdoors into JavaScript with homoglyphs and invisible Unicode characters
• Build lightweight and performant Carousel using pure JavaScript
• Does ES6 make JavaScript frameworks obsolete?

• Theory
  • Array vs Object Destructuring in JavaScript — What’s the Difference?
  • Writing Clean Code in JavaScript
  • Top 5 JavaScript ES12 Features You Should Start Using Now
• React
  • Easy Dark Mode (and Multiple Color Themes!) in React
  • React Suspense: Lessons Learned While Loading Data
  • Building an Encyclopedia with React and Wikipedia Search API
  • An overview of State Management solutions for React and NextJS
  • React Router 6 Tutorial
  • Best practices for React iframes
• Vue
  • Atomic Design with Vue
  • How to Debounce and Throttle Callbacks in Vue
  • Build a Movie Search App with Petite-Vue: A lightweight alternative to VueJS
• Angular
  • How I optimized messy angular codebase and reduced page load time by 10x
  • How to Support IE11 Users as You Move to Angular 13
  • Customize Angular lazy loading modules for multiple frontends
• Ember
  • Migrating an Ember addon to the next-gen v2 format
  • Automating Ember releases with Rust
  • Ember.js Template Imports: Part 3
  • Ember.js Template Imports: Part 4
• Svelte
  • Svelte creator: Web development should be more fun
  • Vercel welcomes Rich Harris, creator of Svelte
  • Implementing localization in Svelte
  • Introduction to testing SvelteKit applications
• Libs & Plugins
  • Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
  • hashids.js — A small JavaScript library to generate YouTube-like ids from numbers.
  • MiniMasonry.js — Minimalist dependency free Masonry layout library