Frontend Weekly Digest #197 (8–14 February 2021)

Web-development

• Accessing hardware devices on the web
• Weekly Platform News: WebKit autofill, Using Cursor Pointer, Delaying Autoplay Videos
• Developing a performant custom cursor
• Managing focus in the shadow DOM
• 21 Bad Front-End Habits to Drop in 2021
• Why you should turn your app into a PWA
• Debugging WebAssembly with Chrome DevTools
• Simple CSS Line Hover Animations for Links

• Tools
  • Vite vs. Snowpack: A comparison of frontend build tools
  • github1s — One second to read GitHub code with VS Code.
• Accessibility
  • Entering a new digital age for accessibility and inclusion
  • Beautiful accessibility with Floating Focus

CSS

• Sharing data between CSS and JavaScript using custom properties
• An Interactive Guide to CSS Transitions
• SmolCSS — Minimal snippets for modern CSS layouts and components
• Managing CSS Z-Index In Large Projects
• Prefers-contrast: forced is a mistake

JavaScript

• JavaScript Dependencies: Everything You Ever Wanted to Know But Were Afraid to Ask
• Programmatically Generate Images with CSS Painting API
• 7 Interview Questions on JavaScript Closures. Can You Answer Them?
• A comprehensive guide to JavaScript expressions and operators

• React
  • Exploring Caching Techniques in React
  • 6 React Best Practices For 2021
  • Remotion — Create motion graphics in React
• Angular
  • Angular — Four old fashioned practices that you should NOT carry forward to Angular
  • Setup TailwindCSS in Angular the easy way
  • Optimizing Angular Applications
  • Angular Routing Guide: How to optimize app navigation
  • RxJS custom operators
  • Angular 12 beta preview arrives
• Ember
  • Format Glimmer templates with Prettier
  • The Ember Times — Issue №173
• Libs & Plugins
  • Mineflayer — Create Minecraft bots with a powerful, stable, and high level JavaScript API.
  • Handsfree.js — Build handsfree User Experiences and add face, hand, and pose tracking to your projects in a snap