Frontend Weekly Digest #414 (12–18 May 2025)

Web-development

• Making a new form control
• From SplitText to MorphSVG: 5 Creative Demos Using Free GSAP Plugins
• GitHub for Beginners: Building a React App with GitHub Copilot
• Leveraging Lighthouse audits to optimize web performance

• Tools
  • ESLint can now lint HTML using the html-eslint language plugin
  • Rslib: Build library with Rspack
• Accessibility
  • HTML Email Accessibility Report 2025
  • Building accessible apps with Next.js and axe DevTools
  • The Art of Accessibility. A modern way to learn the best accessibility practices for your React, Angular, and Vue applications
  • 3 Tools to Help Fix the Web’s Most Common WCAG 2.2 Failures

CSS

• Container Query for “is there enough space outside this element?”
• SVG to CSS Shape Converter
• CSS infinite scroll gallery
• Creating Flower Shapes using clip-path: shape()
• The Height Enigma: Unraveling the mystery of percentage-based heights in CSS
• Scroll-Driven Animations Inside a CSS Carousel
• View Transitions Applied: Smoothly animating a border-radius with a View Transition, revisited
• Smashing Animations Part 2: How CSS Masking Can Add An Extra Dimension
• How to have the browser pick a contrasting color in CSS
• First adventures in View Transitions

JavaScript

• I think the ergonomics of generators is growing on me.
• The ultimate JavaScript regex guide
• JavaScript compile hints: what they are and when to use them
• Angular Can I Use: Check Angular feature compatibility across versions

• React
  • Integrating Rive into a React Project: Behind the Scenes of Valley Adventures
  • React Is Fucking Cool, You Dumbass
  • The Limits of RSC: A Practitioner’s Journey
  • How to Build a Custom React Renderer?
  • GitHub for Beginners: Building a React App with GitHub Copilot
  • React three fiber — 3D for the web
  • No, react context is not causing too many renders