weeklyfoo #96 is here: your weekly digest of all webdev news you need to know! This time you’ll find 38 valuable links in 7 categories! Enjoy!
🚀 Read it!
- Six Principles for Production AI Agents: Practical lessons from building production agentic systems by Arseni Kravchenko / ai, agents, guidelines / 10 min read
📰 Good to know
- How we Rooted Copilot: Microsoft has silently pushed an update back in April 2025 for Copilot Enterprise, enabling a live Python sandbox running Jupyter Notebook that can execute code in the backend. by Vaisha Bernard / copilot, security / 10 min read
- The many, many, many JavaScript runtimes of the last decade: That’s an understatement! by Jamie / javascript / 23 min read
- The Useless useCallback: I thought I’d written enough about memoization by now, but I feel there is one pattern I’m seeing a lot lately that makes me think otherwise. by Dominik Dorfmeister / react, performance / 10 min read
- How to Make Websites That Will Require Lots of Your Time and Energy: Some lessons I’ve learned from experience. by Jim Nielsen / webdev, performance / 3 min read
- Time Management: 10 Ways to Take Ownership of Your Time by Mike Fisher / performance / 13 min read
- Building great SDKs: A guide to creating SDKs that devs – and LLMs – will find a breeze to use, plus an overview of modern approaches for building and maintaining SDKs. by Gergely Orosz, Quentin Pradet / sdks / 15 min read
- Context Engineering for Agents: Agents need context to perform tasks. Context engineering is the art and science of filling the context window with just the right information at each step of an agent’s trajectory. In this post, I group context engineering into a few common strategies seen across many popular agents today. by Lance Martin / ai, agents / 10 min read
- Stop Re-Rendering: TanStack DB, the Embedded Client Database for TanStack Query by Kyle Mathews, Sam Willis / tanstack, performance / 14 min read
- Brick by brick: Help us build CSS Masonry by Patrick Brosset, Alison Maher / css, masonry / 24 min read
- The Hype is the Product: Large publicly traded tech companies seem to no longer consider their customers – that is, people and organizations who actually buy their products or pay for access to their services – their core focus. The focus has instead turned towards the stock price. by Michał Woźniak / tech, companies / 8 min read
- Ollama’s new app: Ollama’s new app is now available for macOS and Windows. by ollama.com / ollama, llm, ai / 2 min read
- Engineering Buy-in: Sell your ideas! by Venti / engineering / 8 min read
- How we revamped our Docs for AI: What do docs look like if people don’t read them? by freestyle.sh / docs, ai / 9 min read
- Onboarding for coding agents: How I shrunk my CLAUDE.md file to 13 lines by Matt Holden / agents, instructions / 7 min read
🧰 Tools
- PicTiler: Transform Your Photos Into Mosaics by Jake Manger / images
- Claude Code Router: Use Claude Code as the foundation for coding infrastructure, allowing you to decide how to interact with the model while enjoying updates from Anthropic. by musi / ai, claude
- Promptefy: Create detailed video prompts, optionally with image references.Create detailed video prompts, optionally with image references. by promptefy.online / prompts
- Rooks: Essential React custom hooks to super charge your components! by Ponnapalli Bhargav / react, hooks
- PinMe: Deploy Your Frontend in a Single Command by pinme.eth.limo / storage, ipfs
- StaticSearch: Static site search engine by Craig Buckler / search
- QuickStorm: High-confidence browser testing by quickstrom.io / testing, browser
- difit: A lightweight command-line tool that spins up a local web server to display Git commit diffs in a GitHub-like Files changed view by yoshiko / diff, cli
- Browserbase: Browserbase powers web browsing capabilities for AI agents and applications. by browserbase.com / ai, scraping
- s3grep: CLI tool for searching logs and unstructured content in Amazon S3 buckets by Damon P. Cortesi / search, s3, cli
- Meka Agent: Meka Agent is an open-source, autonomous computer-using agent that delivers state-of-the-art browsing capabilities. The agent works and acts in the same way humans do, by purely using vision as its eyes and acting within a full computer context. by withmeka.com / agents, ai
- PR Quiz: A GitHub Action that uses AI to generate a quiz from your pull request by dkamm / ai, github, action
- ts-regexp: A strictly typed & minimal RegExp wrapper. by Danilo Furrer / typescript, regex
- Ethersync: Editor-agnostic, real-time collaborative editing of local text files. by ethersync / collaboration, cli, p2p
- Traceroot: Find the Root Cause in Your Code’s Trace by traceroot.ai / debugging, engineering
🎨 Design
- Lovart: Lovart automates the entire design journey by lovart.ai / design / 11 min read
- Top 10 UI Annoyances: Users encounter usability annoyances daily in their computer use. Sometimes annoyances can be sidestepped at the cost of extra delays in achieving the user’s task, and sometimes the cumulative effect of too many annoyances makes users abandon the task, resulting in lost business for the offending company. by Jakob Nielsen / ui / 46 min read
- 9 Luxury Color Palettes That Capture High-End Design in 2025: As a designer who’s worked with premium brands for over a decade, I can tell you that nothing elevates a design quite like the right luxury color palette. by Zoe Santoro / colors / 12 min read
🤪 Fun
- Draw a Fish!: And make it swim! by mcbpz / animations, drawing / 1 min read
📚 Tutorials
- How to build Node.js MCP Servers that Expose Data Resources to LLMs: MCPs are famous for exposing Tools that augment Large Language Models (LLMs) with the ability to perform actions and invoke generic functions that MCP Servers can implement, but exposing data resources to LLMs is just as important. by Liran Tal / mcps / 10 min read
- Creating a scroll-spy with 2 lines of CSS: Did you know that there’s a new CSS feature landing in Chrome 140 that let’s you very easily create trackable table of contents? by Una Kravets / css / 7 min read
- World Clock Slider: Create a world clock slider using CSS and JavaScript. by Jon Kantner / css, javascript / 1 min read
📺 Videos
- Does AI Actually Boost Developer Productivity?: Forget vendor hype: Is AI actually boosting developer productivity, or just shifting bottlenecks? Stop guessing. by Yegor Denisov-Blanch / ai, performance