Frontend Weekly Digest #418 (9–15 June 2025)
Web Dev
• Creating an Auto-Closing Notification With an HTML Popover
• Decoding The SVG path Element: Line Commands
• Vibe-based UI building with Google Stitch — Is this the future of frontend?
• Elixir: An Alternative to JavaScript-Based Web Development
• Google’s “What’s New in Web UI” Talk: Less Custom Component JavaScript, More Web Standards
• CORS, SameSite and CSRF: The 3 Dimensions of Cookie based Authentication
• HTML spec change: escaping < and > in attributes
- Tools
• Announcing Oxlint 1.0
• Get Vercel-level deployment without Vercel-level prices
• pnpm 10.12 Introduces Global Virtual Store and Expanded Version Catalogs
• Node.js Moves Toward Stable TypeScript Support with Amaro 1.0 - Demo
• Building an Infinite Parallax Grid with GSAP and Seamless Tiling
• Scroll-Driven Letter Grid
• Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS
• How to Create Interactive, Droplet-like Metaballs with Three.js and GLSL
CSS
• Grainy Gradients
• A new way to style gaps in CSS
• 1fr 1fr vs auto auto vs 50% 50%
• Breaking Boundaries: Building a Tangram Puzzle With (S)CSS
• 7 common CSS navigation menu mistakes and how to fix them
• Safe align your content
JavaScripts
• How JavaScript Was Written Back In the Day
• VanillaCreamJS: Superpowers for Native JavaScript
- Theory
• Mastering Creational Design Patterns in JavaScript: Expert Guide
• SOLID Design Principles Every JavaScript Deveveloper Should Know
• How to import() a JavaScript String
• Things to avoid in JavaScript - React
• The State of React and the Community in 2025
• Comparing the top React toast libraries [2025 update]
• TanStack Start vs. Next.js: Choosing the right full-stack React framework
• Boost Performance With React Server Components and Next.js - Vue
• How Vue Composables Work — Explained with Code Examples - Angular
• Angular v20 might seem boring — Here are 6 reasons it’s not
