Frontend Weekly Digest #415 (19–25 May 2025)

Web-development

• 10 updates from Google I/O 2025: CSS carousels, AI-powered DevTools, Prompt API with multimodal capabilities, and more
• Announcing TypeScript Native Previews
• Dialog is for modals, popover is for everything else
• Unlighthouse — Like Google Lighthouse, but it scans every single page.
• My Request to Google on Accessibility
• An AI-less Google I/O

• Effects
  • Behind the Curtain: Building Aurel’s Grand Theater from Design to Code
  • Smashing Animations Part 3: SMIL’s Not Dead Baby, SMIL’s Not Dead

Web-development

• Better CSS Shapes Using shape() — Part 1: Lines and Arcs
• 3 Unintuitive CSS Layout “Solutions”
• Move Modal in on a… shape()
• ChatGPT and the proliferation of obsolete and broken solutions to problems we hadn’t had for over half a decade before its launch
• Arc shape with rounded edges
• Creating Blob Shapes using clip-path: shape()
• Styling the icon for HTML date and time types
• Masonry, Item Flow, and… GULP?
• CSS Boilerplate: A default CSS structure for projects of any size.
• You can style alt text like any other text
• A Reader’s Question on Nested Lists

JavaScript

• A Brief History of JavaScript
• How JavaScript’s at() method makes array indexing easier
• The State of JavaScript Debugging in WebAssembly
• How JavaScript Lint Rules Work (and Why Abstract Syntax Trees Matter)
• Understanding Next.js’s middleware vulnerability

• React
  • How to Build Scalable Web Apps with React JS
  • Building Multistep Forms in React With No State Mess
  • Building an agentic AI workflow with Ollama and React
  • Why URL state matters: A guide to useSearchParams in React
• Angular
  • Google I/O: What’s new in Angular
  • RxJS Best Practices in Angular 16: Avoiding Subscription Pitfalls and Optimizing Streams