weeklyfoo #87 is here: your weekly digest of all webdev news you need to know! This time you’ll find 46 valuable links in 7 categories! Enjoy!
🚀 Read it!
- Announcing Rolldown-Vite: Try out the Rolldown-powered Vite today by using the rolldown-vite package instead of the default vite package. It is a drop-in replacement, as Rolldown will become the default bundler for Vite in the future. Switching should reduce your build time, especially for larger projects. by Evan You / vite, rust, rolldown / 7 min read
📰 Good to know
- You’re a little company, now act like one: You’re afraid that looking like being a small company means you’ll lose sales. It’s actually the opposite – you’re alienating your best customers. by Jason Cohen / startups, business / 7 min read
- Root for Your Friends: The concept of this post might seem trivial, but it can improve your career, happiness, and the people you care about. by Joseph Thacker / social / 5 min read
- Stuff I learned at Carta.: Today’s my last day at Carta, where I got the chance to serve as their CTO for the past two years. I’ve learned so much working there, and I wanted to end my chapter there by collecting my thoughts on what I learned. by Will Larson / carta, cto, engineering / 7 min read
- On File Formats: I’ve been meaning to write something about file format design for a while, and might as well do a blog post. This is pretty unorganized, in a moment thing, so take it as it is. by Jari Komppa / files / 24 min read
- GitHub MCP Exploited: Accessing private repositories via MCP by Invariant Labs / mcp, github, security / 9 min read
- AI Makes Bad Managers: It’s performance-review season and I’m watching managers kneecap their careers. Gleefully they share the best prompts to have ChatGPT write their performance assessments - exactly the sort of shortcut that guarantees they’ll never get better at the job. by staysaasy.com / leadership, ai / 3 min read
- The Ingredients of a Productive Monorepo: Monorep or many-repo? Read about the challenges of a monorepo. by Sean Gillespie / monorepo, engineering / 18 min read
- What Real Feedback Sounds Like: You’ve probably faced these exact situations. Here’s how to finally say the thing. by Claire Lew / leadership / 11 min read
- From OpenAPI spec to MCP: How we built Xata’s MCP server: Learn how we built an OpenAPI-driven MCP server using Kubb, custom code generators, and Vercel’s Next.js MCP adapter. by Alexis Rico / mcp / 12 min read
- Distr Launch Week: Our docs are now built with Starlight instead of Docusaurus: Read why Glasskube docs moved from Docusaurus to Starlight. by Philip Miglinci / astro, docs / 12 min read
- Top ways to ensure your content performs well in Google’s AI experiences on Search: As a site owner, publisher, or creator, you may be wondering how to best succeed in our AI search experiences, such as AI Overviews and our new AI Mode. by google.com / google, ai / 86 min read
- HTML5 Elements You Didn’t Know You Need: You should give them a try! by Max Prilutskiy / html, webdev / 24 min read
- Announcing Angular v20: Next major version of Angular! by Minko Gechev / angular / 21 min read
- Teachable Machine: Train a computer to recognize your own images, sounds, & poses. by Google / ml / 0 min read
- reverse-linear-sync-engine: A reverse engineering of Linear’s sync engine for learning purposes. Endorsed by Linear’s CTO. by Evan Hu / sync, linear / 65 min read
🧰 Tools
- F2: F2 is a cross-platform command-line tool for batch renaming files and directories quickly and safely. Written in Go! by Ayooluwa Isaiah / cli, tools
- SuperUtilsPlus: A superior alternative to Lodash with improved performance, TypeScript support, and developer experience. by Gain John / typescript, tools
- lnk: Git-native dotfiles management that doesn’t suck. by Yar Kravtsov / dotfiles
- React Photo Studio: React Photo Studio is a free online photo editor for photography and design by Chase Manning / images, photoshop
- trailbase: A blazingly fast, open-source application server with type-safe APIs, built-in JS/ES6/TS runtime, realtime, auth, and admin UI built on Rust, SQLite & V8. by trailbase.io / server
- Stalwart: All-in-one Mail & Collaboration server. Secure, scalable and fluent in every protocol (IMAP, JMAP, SMTP, CalDAV, CardDAV, WebDAV). by stalw.art / email, collaboration
- PgDog: PgDog is a transaction pooler and logical replication manager that can shard PostgreSQL. Written in Rust, PgDog is fast, secure and can manage hundreds of databases and hundreds of thousands of connections. by pgdog.dev / postgres
- Google Gen AI SDK for TypeScript and JavaScript: TypeScript/JavaScript SDK for Gemini and Vertex AI. by Google / google, ai, gemini
- FlowGram.AI: FlowGram is a node-based flow building engine that helps developers quickly create workflows in either fixed layout or free connection layout modes by flowgram.ai / graphs, flow
- ForesightJS: ForesightJS is a JavaScript library that predicts user intent by tracking the mouse. Great for prefetching without wasting resources. by Bart Spaans / predictions
- Tesseral: Open source auth infrastructure for B2B SaaS by tesseral.com / auth
- RockPack: Rockpack is a lightweight, zero-configuration solution for quickly setting up a React application with full support for Server-Side Rendering (SSR), bundling, linting, and testing. by Sergey / react, ssr
- everywhere.tools: Collection of open-source tools for designers & creatives by everywhere.tools / tools
- MCP Server in Bash: Yes Mcp server in bash by Muthukumaran Navaneethakrishnan / mcp
- Donut Browser: A powerful browser orchestrator that puts you in control of your browsing experience. by donutbrowser.com / browsers
- Polar: Payment infrastructure for the 21st century by polar.sh / payments
- LiveStore: LiveStore is a next-generation state management framework based on reactive SQLite and built-in sync engine. by livestore.dev / state-management
- Sequor: Sequor is a SQL-centric platform for building API integrations without lock-in and black boxes. Fuses API execution with SQL logic to provide an open, flexible platform for all your data and app integrations. by sequor.dev / apis, sql
- The Book of Secret Knowledge: A collection of inspiring lists, manuals, cheatsheets, blogs, hacks, one-liners, cli/web tools and more. by Michał Ży / knowledge, gallery
- Claude Squad: Manage multiple AI agents like Claude Code, Aider, Codex, and Amp. 10x your productivity by smtg-ai.github.io/claude-squad / ai, claude, cli
- Berb: A P2P file sharing platform by berb.app / p2p
🎨 Design
- Figma’s new grid — you must understand CSS Grid as a designer: At Config 2025, Figma rolled out many exciting updates, including a brand-new layout grid. At first glance, it might seem like just another way to organise your designs, but there’s more to it. by Christine Vallaure / figma, grid / 13 min read
🤪 Fun
- Why are 2025/05/28 and 2025-05-28 different days in JavaScript?: Nothing to add here ;) by Brandon Dong / dates / 5 min read
- Lazy Tetris: No time pressure, just solving the puzzle by lazytetris.com / tetris / 0 min read
- CSS Minecraft: There is no JavaScript on this page. All the logic is made 100% with pure HTML & CSS. by Benjamin Aster / html, css / 1 min read
📚 Tutorials
- Mastering Focus Management in React with flushSync: Focus management is one of those things you don’t think about until it’s broken. But when it is, it can make your app feel clunky, inaccessible, or just plain wrong. by Kent C. Dodds / react / 7 min read
- SVG Favicons in Action: Ever heard of favicons made with SVG? If you are a regular reader of CSS-Tricks, you probably have. But does your website actually use one? by Philippe Bernard / svgs / 13 min read
- Move Modal in on a… shape(): Super nice effect, clearly explained. by Chris Coyier / css / 7 min read
- Animated Product Grid Preview with GSAP & Clip-Path: Learn how to transform a simple product grid into an interactive, animated preview experience using GSAP in this hands-on tutorial. by Gwen Bogaert / css, animations / 19 min read
📺 Videos
- Web animations today and tomorrow: Join us to explore the latest advancements in web animation to help developers create richer, more dynamic, and performant web experiences. We’ll cover new and upcoming features, including @starting-style, enhancements to View Transitions, the ability to animate the details element, and improved DevTools support. by Bramus Van Damme / css, animations