Frontend Weekly Digest #406 (17–23 March 2025)

Web-development
• Previewing Content Changes In Your Work With document.designMode
• Build a custom RAG AI agent in TypeScript and Jupyter
• Web Components Vs. Framework Components: What’s The Difference?
• TypeScript is getting a 10x faster compiler — here’s what it means for developers
- Tools
• Oxlint Now in Beta with 500+ Built-in Rules and 2X Faster JavaScript Linting
• The Great ESLint v9 Migration Adventure: A Developer’s Survival Guide
• Announcing Rsdoctor 1.0 — a build analyzer tailored for the Rspack ecosystem and fully compatible with the webpack ecosystem. - Effects
• StringTune: The JavaScript Library Born from a Design Agency’s Workflow
• Building an Interactive Image Grid with Three.js
CSS
• A Deep Dive into the Inline Background Overlap Problem
• Minding the gaps: A new way to draw separators in CSS
• Self Gap
• Split and assemble an image using CSS mask
• Grid with corner item
• Revisiting CSS border-image
• Reducing CSS complexity with the :is() pseudo-class
• Cowardly Defaults and Courageous Overrides with Modern CSS
• In defence of fluid typography
• Carousels with CSS
• Cybercriminals Exploit CSS to Evade Spam Filters and Track Email Users’ Actions
• Support Logical Shorthands in CSS
JavaScript
• How to Use AbortController to Manage Cancelable Asynchronous Tasks in JavaScript
• How we train AI to uncover malicious JavaScript intent and make web surfing safer
• Next.js vs TanStack