Frontend Weekly Digest #354 (11–17 March 2024)

Web-development

• Marking the Web’s 35th Birthday: An Open Letter
• From a humble beginning 35 years ago, the Web is now central to the daily lives of billions
• Navigating the future of frontend

• Performance
  • HTTP Speed
  • Web Performance Experts Guide to Mastering Interaction to Next Paint (INP)
  • Interaction to Next Paint is officially a Core Web Vital 🚀
  • Hello INP! Here’s everything you need to know about the newest Core Web Vital
• Accessibility
  • Thoughts on embedding alternative text metadata into images
  • Distinguishing between ARIA and native HTML attributes
• Effects
  • Grid Item Reveal Animation on Hover
  • Front-End solution: progress indicator

CSS

• What is safe alignment in CSS?
• CSS for printing to paper
• You Want border-color: transparent, Not border: none
• CSS Button Styles You Might Not Know
• The power of CSS Variables 💪: A flexible solution for spacing utilities
• Tailwind CSS v4.0 Alpha: A Revolution Unveiled

JavaScript

• Client-Side Form Handling with JavaScript — Explained with Example Code
• 5 Exciting New JavaScript Features in 2024
• Rolldown — Fast Rust bundler for JavaScript with Rollup-compatible API.
• Comparing JavaScript Frameworks part 1: templates

• React
  • Convention over Configuration vs Configuration over Convention: Tailoring API Calls Across Environments in React
  • How to Create Interactive Animations Using React Spring
  • Essential tools for implementing React panel layouts
  • Best Practices for Writing Tests with React Testing Library
  • React Compiler & React 19 — forget about memoization soon?
  • How to Build an AI-enhanced Task App with React and Appwrite
• Vue
  • Vue’s reactivity is a trap
  • Decoding 14 Vue.js errors: A Vue.js debugging guide
• Angular
  • Angular state management styles I’ve seen
  • Understanding control flow syntax in Angular 17
  • Preparing our Code for Zoneless Angular

Browsers

• Oh look, cracking down on Big Tech works. Brave, Firefox, Vivaldi surge on iOS
• Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness