Frontend Weekly Digest #364 (20–26 May 2024)

Web-development

• Switching It Up With HTML’s Latest Control
• How Spotify used the Picture-in-Picture API to build the Spotify Miniplayer
• When should we use components and when should we just use HTML?
• Understand errors and warnings better with Gemini
• Animating the Dialog Element

• Performance
  • Visualize Your Website’s Render-Blocking Scripts
  • Quantifying the Impact of Styled Components on Server Response Times
  • How Do Chrome Extensions Impact Website Performance In 2024?
  • Comprehensive guide to JavaScript performance analysis using Chrome DevTools

CSS

• Introducing Pigment CSS: the next generation of CSS-in-JS
• Modern CSS Layouts: You Might Not Need A Framework For That
• On compliance vs readability: Generating text colors with CSS
• We’ve Got Container Queries Now, But Are We Actually Using Them?
• contrast-color() is a good thing, but also solving the problem at the wrong layer
• Should you use text-emphasis CSS Property for your headlines?
• Bulma CSS adoption guide: Overview, examples, and alternatives
• Enhance CSS view transitions with Velvette

JavaScript

• What’s new in JavaScript Frameworks (May 2024)
• Top 5 Cutting-Edge JavaScript Techniques
• Websocket Alternative: How to use Firestore to Listen to Realtime Events

• React
  • React Conf 2024 Recap
  • React Conf 2024 Highlights
  • Auto Generate Open Graph Images in NextJS
  • How to Style React Components
  • Restyle — Zero Config CSS for React
  • React Compiler With React 18
  • Merging Remix and React Router
  • Using Mountaineer to develop a React app with Python
• Vue
  • Building Real-Time Applications with Vue.js and WebSockets
  • Building CatGPT: A Vue 3 and Vuetify Guide for Cat Image Lovers
• Angular
  • Angular v18 is now available!
  • Saying Goodbye to Zone.js: What’s New in Angular 18?
  • Updating to Angular Material 18: Keeping Support for Material 2 and Adding Support for Material 3
  • Debugging techniques — Angular DevTools
  • Debugging techniques — Chrome DevTools
  • Angular Tutorial: Using @HostBinding with Signals