Frontend Weekly Digest #290 (19–25 December 2022)

Web-development

• HTML — How to Use audio Tags Efficiently?
• 2022 Roundup of Web Research
• Getting the correct HTML codecs parameter for an AV1 video
• Interop 2022: end of year update

• Tools
  • IMG Quest — An open-source API to generate Open Graph images
  • Top 5 alternatives to Webpack
• Performance
  • HTTP/3 Prioritization Demystified
  • Making the Web Faster with Service Workers and Performance Research
  • The Performance Inequality Gap, 2023
  • Top 5 Web APIs for performance-based analysis (and how to use them)
  • Optimizing images for mobile browsers with a UX mindset
• Effects
  • How to animate along an SVG path at the same time the path animates?
  • Old Photo Effect with CSS
  • UI Interactions & Animations Roundup #27

CSS

• Deploying CSS Logical Properties On Web Apps
• 2022 CSS Updates
• CSS Style Queries
• CSS in 2022 (and beyond) (2022.10.07 @ Full Stack Europe)
• 4 ways CSS :has() can make your HTML forms even better
• Use CSS to Reveal a Child Element in the DOM by Interacting with the Parent

JavaScript

• React
  • Exploring React Router’s data, navigation, and error handling APIs
  • 3 Common Mistakes to Avoid When Handling Events in React
  • Optimize your data fetching with React Query
  • The 8 Best Real-Life React Apps Examples
• Vue
  • Vue3 — why computed functions can make your code cleaner
• Angular
  • Advantages of using Dictionary or Map Object in Angular