weeklyfoo #113 is here: your weekly digest of all webdev news you need to know! This time you’ll find 37 valuable links in 5 categories! Enjoy!
🚀 Read it!
- Migrating 6000 React tests using AI Agents and ASTs: The internet is flooded with very impressive vibe-style coding demos, but in my day-to-day job at Filestage we rarely start codebases from scratch and we have to deal with hundreds of thousands of lines of code and their dependencies. by Elio Capella Sánchez / tests, ai, migration / 9 min read
📰 Good to know
- TIL satisfies is my favorite TypeScript keyword: This really comes in handy when you want to ensure that TypeScript is being as specific as possible. by Jerred Shepherd / typescript / 5 min read
- How we built the v0 iOS app: We recently released v0 for iOS, Vercel’s first mobile app. by Fernando Rojo / vercel, v0, ai / 31 min read
- Introducing Claude Opus 4.5: Our newest model, Claude Opus 4.5, is available today. by Anthropic / anthropic, claude, ai / 16 min read
- I built an actually faster Notion in Rust: I’m building Outcrop. by Imed Adel / rust, notion / 10 min read
- Jobs at Top AI Companies: Job aggregator by stapply.ai / career, ai, jobs / 0 min read
- The Web Animation Performance Tier List: Animation performance is one of the topics I’m asked about the most. by Matt Perry / animations, performance / 24 min read
- Brand New Layouts with CSS Subgrid: When CSS Grid layout was first released, it came with a big asterisk: only the grid’s direct children could participate in the layout. by Josh W. Comeau / css, grid / 32 min read
- <100ms E-commerce: Instant loads with Speculation Rules API by Lazar Nikolov / performance, web / 14 min read
- Keyframes Tokens: Standardizing Animation Across Projects by Amit Sheen / animation, css / 29 min read
- A Vibe Coded SaaS Killed My Team: I considered it a possibility. by cendyne.dev / ai, vibe-coding / 7 min read
- Releasing Packages with a Valet Key: npm, PyPI, and beyond by Burak Yigit Kaya / npm, security / 11 min read
- Super fast aggregations in PostgreSQL 19: PostgreSQL 18 has just been born and we are already talking about the blessings of PostgreSQL 19 and beyond? Well, yes, and there is a good reason for it. by Hans-Jürgen Schönig / postgres, performance / 1 min read
- GitLab discovers widespread npm supply chain attack: Malware driving attack includes dead man’s switch that can harm user data. by Daniel Abeles, Michael Henriksen / security / 11 min read
- 93% Faster Next.js in (your) Kubernetes: Including the benchmarks! by Matteo Collina / kubernetes, nextjs / 17 min read
- Technical Deflation: Let’s buy the fridge next month, honey. by Benjamin Anderson / engineering / 8 min read
🧰 Tools
- Parse: Turn Any Website Into An API. by parse.bot / scraping, parsing
- Rete.js: JavaScript framework for visual programming by retejs.org / javascript
- styleframe: Write type-safe, composable, future-proof Design Systems code using styleframe’s powerful TypeScript CSS API. by styleframe.dev / typescript, css
- smartcommit: Enforce the habit of self-documenting code through better commit messages. by arpxspace / git, commit, ai
- gitlogue: A cinematic Git commit replay tool for the terminal, turning your Git history into a living, animated story. by Yuji Ueki / git, terminal, animation
- Place Cats: A quick and simple service for getting pictures of cats for use as placeholders in your designs or code. by placecats.com / placeholder, cat
- image-compare: A web component for comparing images with a slider. by cloudfour / web component, image comparison
- Color Palette Pro: Colors Palette Generator by colorpalette.pro / color, palette
- Grid Paper: A simple grid paper generator for designers and developers. by Dave Rupert / grid, paper
- Gluegun: A delightful toolkit for building TypeScript-powered command-line apps. by infinitered / typescript, cli
- tshy: TypeScript HYbridizer by isaacs / typescript, hybridizer
- Flowglad: Open source payments + billing infrastructure by flowglad.com / payments, billing, infrastructure
- use nemo: Custom React directives by Adem Kouki / vite, react
- CedarJS: The React + GraphQL Web App Framework by cedarjs.com / framework, redwood
- Awesome TailwindCSS: Awesome things related to Tailwind CSS by NiftyCo / tailwind, resources
- Athas: A lightweight code editor with vim mode, Git integration, and agentic AI editing. by athas.dev / editor
- SyncKit: A powerful, type-safe sync engine for building real-time collaborative applications. Local-first, CRDT-based, with zero-config offline support. by Daniel Bitengo / sync, local-first, crdt
- FullCalendar: Full-sized drag & drop event calendar in JavaScript by fullcalendar.io / calendar
📚 Tutorials
- context-aware css card glow/shine effect: duplicate and scale the icon. translate it on pointermove. apply feGaussianBlur by jh3yy / css / 1 min read
- How to Create 3D Images in CSS with the Layered Pattern: 3D CSS has been around for a while. by Sunkanmi Fafowora / css, 3d / 12 min read
📺 Videos
- What Are Invokers? Interactivity Without JavaScript: The Invoker Commands API provides a way to declaratively assign behaviors to buttons, allowing control of interactive elements when the button is enacted (clicked or invoked via a keypress, such as the spacebar or return key). by Scott Tolinski / javascript