Frontend Weekly Digest #246 (24–30 January 2022)

Web-development

• The baseline for web development in 2022
• How to Create an Impressive GitHub Profile README
• Why Don’t Developers Take Accessibility Seriously?
• 5 Most Common a11y Mistakes and How to Fix Them

CSS

• The CSS from-font Value Explained in 4 Demos
• The CSS Cascade. Or, How browsers resolve competing CSS styles
• Here’s what I didn’t know about :where()
• Background Shift Animation with CSS Blend Modes
• Fancy CSS Borders Using Masks
• Getting Started With CSS Cascade Layers
• CSS Speedrun
• CSS font-size-adjust: How to auto-adjust your font size

JavaScript

• State of Javascript 2021/22: Take Survey
• From JQuery to React, Vue, Angular — The Evolution of Frontend Frameworks and There Difference
• What Web Frameworks Solve And How To Do Without Them (Part 1)
• How to Cycle Through Classes on an HTML Element
• How to Make a Scroll-Triggered Animation With Basic JavaScript
• The Most Pertinent NPM Commands and Shortcuts You Should Know as JavaScript Developer.
• Underdog UI Frameworks: 5 JavaScript Frameworks you Need to Try in 2022

• React
  • My Favorite 3 React Animation Libraries
  • Lightweight Alternatives to Redux
  • How React server components work: an in-depth guide
  • Creating a multilevel dropdown menu in React
  • Creating shareable React widgets
  • How to Add Animations with React Transition Group
• Vue
  • Ref() vs Reactive() in Vue 3 — what’s the right choice?
• Angular
  • Angular extended diagnostics
  • Set up Tailwind CSS with Angular in an Nx workspace
  • Complete Guide: Angular lifecycle hooks
  • Telegraph with RxJS: the power of reactive systems
  • 4 Angular Performance Pitfalls
  • Angular Roadmap: The Past, Present, and Future
• Ember
  • The Ember Times — Issue №195
  • Ember v4 TypeScript Support Update
  • Whiskey Web and Whatnot: Discovering Ember, Adopting Orbit, and Unlocking Optimization with Chris Thoburn (runspired)
• Svelte
  • Svelte vs. Vue: Comparing framework internals
• Libs & Plugins
  • chroma.js is a small-ish zero-dependency JavaScript library (13.5kB) for all kinds of color conversions and color scales.