Frontend Weekly Digest #425 (28 July — 3 Aug 2025)

Web Dev

• Web Components: Working With Shadow DOM
• Keeping Article Demos Alive When Third-Party APIs Die
• Publishers cry foul over W3C crusade to rid web of third-party cookies

• Tools
  • A Guide to Browser DevTools — The Debugger
  • How I debug faster with these Chrome DevTools Console features
• Demo
  • Interactive WebGL Backgrounds: A Quick Guide to Bayer Dithering
  • Liquid Glass on the Web
  • Step Gradients with a Given Number of Steps

CSS

• Responsive infinite logo marquee
• Should we NEVER use non-logical properties?
• Creating a scroll-spy with 2 lines of CSS
• Easy sci-fi rectangles with corner-shape
• Making a Masonry Layout That Works Today
• Approximating reality with CSS linear()
• The CSS if() function: Conditional styling will never be the same
• The End of CSS-in-JS Performance Problems: Introducing Zero-Runtime Component Styling

JavaScripts

• The many, many, many JavaScript runtimes of the last decade
• Compile Svelte 5 in your head
• Logical assignment operators in JavaScript: small syntax, big wins

• React
  • How Parcel bundles React Server Components
  • Unlock Fast, Interactive Apps with React 19’s Hydration Improvements
  • Hidden React Architecture Patterns That Senior Developers Actually Use
  • Why React Didn’t Kill XSS: The New JavaScript Injection Playbook
  • Build interactive React UIs for LLM outputs using llm-ui
  • React Performance Optimization: Techniques Senior Developers Use

Memes