Frontend Weekly Digest #285 (14–20 November 2022)

Web-development

• The Hidden Power of Custom States For Web Components
• Exploring Declarative Shadow DOM
• Scripted <input> Matching With Native Error Reporting
• A Guide To Image Optimization On Jamstack Sites
• Inspirational Websites Roundup #43

• Accessibility
  • A Guide To Keyboard Accessibility: HTML And CSS (Part 1)
  • Using Automated Test Results To Improve Accessibility
  • Your Accessibility Claims Are Wrong, Unless…

CSS

• Style a parent element based on its number of children using CSS :has()
• An Interesting Limitation of CSS Custom Properties
• Making Static Noise From a Weird CSS Gradient Bug
• The evolution of scalable CSS
• Experimenting with layering, filtering, and masking in CSS
• CSS Timeline
• Classy and Cool Custom CSS Scrollbars: A Showcase
• CSS Clothoid Corners
• CSS vs. CSS-in-JS: How and why to use each
• How to add dynamic colors with CSS
• The 6 best CSS background generators

JavaScript

• ArrowJS — an experimental tool for programming reactive interfaces using native JavaScript.
• JavaScript’s “NaN” Is Dumbass!
• 20 Simple-But-Useful JavaScript Coding Techniques That You Should Use
• 4 Cool Modern JavaScript Features Most Developers Don’t Know About

• React
  • How to Create a Path-Finding Algorithm Visualizer with React
  • Data Structures In Frontend JavaScript In The Real WorldWith React Code Examples
  • Understanding React’s useRef() hook
  • Using Material UI with React
  • Create a custom debounce Hook in React
  • Ask Hacker News: Is React impacted by Meta layoff?
• Vue
  • Vue component libraries
  • A guide to Vitest automated testing with Vue components
  • The Modern Guide to Vue Components
• Angular
  • Angular v15 Launch Event 🎉 | Live with the Angular Team
  • What’s New in Angular 15
  • Using Different Layout Frames For Different Routes In Angular