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