weeklyfoo #86 is here: your weekly digest of all webdev news you need to know! This time you’ll find 35 valuable links in 6 categories! Enjoy!
🚀 Read it!
- A Brief History of JavaScript: This year, JavaScript turns 30. by deno.com / javascript, history / 35 min read
📰 Good to know
- Introducing Codex: A cloud-based software engineering agent that can work on many tasks in parallel, powered by codex-1. by openai.com / openai, ai / 1 min read
- Ditching Obsidian and building my own: A developer is building it’s own PKMS by Amber Williams / pkms, lifosy / 9 min read
- Vibe coding is rewriting the rules of technology: The AI-driven approach takes you from idea to app in minutes. by Kiara Nirghin / ai / 20 min read
- From Next.js to Astro: A Page Size Comparison by Alan Norbauer / nextjs, astro / 4 min read
- Practical advice for engineers in these troubled times: Re-think your habits and how you’ve been working in the past. by Sean Goedecke / engineering / 6 min read
- A leap year check in three instructions: With the following code, we can check whether a year is a leap year with only about 3 CPU instructions. by Falk Hüffner / algorithms / 16 min read
- Moving from Notion to Obsidian: Story about moving from Notion to Obsidian including flows and plugins. by Dave Rupert / productivity / 12 min read
- CSS snippets: Useful css snippets by Jeremy. by Jeremy Keith / css / 15 min read
- Collaborative Text Editing without CRDTs or OT: Collaborative text editing is arguably the hardest feature to implement in a collaborative app. Even if you use a central server and a fully general solution to optimistic local updates (server reconciliation), text editing in particular requires fancy algorithms - specifically, the core of a text-editing CRDT or OT. by Matthew Weidner / algorithms / 22 min read
- MCP explained without hype or fluff: Model Context Protocol, like most protocols, solves the M ⨯ N integration problem by turning it into an M + N integration problem. by Atharva Raykar / mcp / 8 min read
- A Technology Leader’s Non-Technical Reading List: Inspired by the posts A VP Product’s Reading List and A Startup Reading List, here I’ll share my personal favorite reading materials that have helped me think about leadership, management, people and technology. by staysaasy.com / leadership / 9 min read
- What causes procrastination for software engineers?: Task vagueness, stress, and complexity drive delays. Procrastination can hurt team trust, but also boosted creativity. by Lizzie Matusov / engineering / 5 min read
- Practical AI techniques for daily engineering work: I love these ones: the second opinion and the throwaway technique. by Sean Goedecke / engineering, ai / 6 min read
- 6 Ways Slack, Notion, and VSCode Improved Electron App Performance: This post is a complete guide on exploiting every Electron performance optimization I know so that you can get the most mileage. by Amila Welihinda / electron, performance / 11 min read
🧰 Tools
- MCP Directory: Directory for Awesome MCP Servers by mcp.so / mcps
- BrowserBee: AI-powered browser assistant (Cline for web browsing) by Parsa Ghaffari / ai, agent
- Natural Language Web: Building conversational interfaces for websites is hard. NLWeb seeks to make it easy for websites to do this. And since NLWeb natively speaks MCP, the same natural language APIs can be used both by humans and agents. by Microsoft / ai, mcp, microsoft
- Dither me this: Use this tool to reduce the file size of an image… but in a stylish old-school way. by Nathaniel / images, dither
- PicoSSG: The anti-framework static site generator. No config. No nonsense. Just files in, files out. by Wolfram Kriesing / static-websites
- Astra: Fast, reliable and easy-to-use js-to-exe compiler. by astra-js.netlify.app / compiler, exe
- prompt-kit: Core building blocks for AI apps. High-quality, accessible, and customizable components for AI interfaces. by Julien Thibeaut / ai, ui, ux
- jsPad: JavaScript playground by jspad.dev / playground, js, javascript
- A JavaScript utility for posting across multiple social networks at once: social, socialmedia by - / Human Who Codes
- CSV to HTML Table: Display any CSV (comma separated values) file as a searchable, filterable, pretty HTML table by Derek Eder / csv, table, html
- stagewise: stagewise is a browser toolbar that connects your frontend UI to your code ai agents in your code editor. by stagewise.io / browser, ai, ide
- Announcing a new IDE for PostgreSQL in VS Code from Microsoft: We are excited to announce the public preview of the brand-new PostgreSQL extension for Visual Studio Code (VS Code), designed to simplify PostgreSQL database management and development workflows. by Microsoft / postgres, vscode
- SQLite-JS Extension: Create custom SQLite functions in JavaScript. Extend your database with scalars, aggregates, window functions, and collations directly in JavaScript. by sqlite.ai / sqlite
- Defuddle: Extract the main content from web pages. by Steph Ango / web, scraping, parsing
- Social Proof Examples: Disover strategies to build trust, drive conversions, and grow your brand. by socialproofexamples.com / gallery
- RenderHooks: Inline render-block-stable React hooks by Brandon McConnell / react, hooks
- SnapDOM: snapDOM captures HTML elements as images with exceptional speed and accuracy. by zumerlab.github.io/snapdom / images
🤪 Fun
- Digital Timer in CSS: If you think CSS has some limitations, check this out! by Joe Crawford / css / 1 min read
📚 Tutorials
- Short alphanumeric pseudo random identifiers in Postgres: In this post, we’ll cover a way to generate short, alphanumeric, pseudo random identifiers using native Postgres tactics. by Andrew Atkinson / postgres, sql / 8 min read
📺 Videos
- Introduction to JavaScript Frameworks: Have you ever wondered why it feels like there are so many JavaScript Frameworks? In this video we will look at 5 popular frameworks: React, Angular, Vue, Svelte, and Solid, to better understand why they exist, how they work, and what makes them unique. by Ryan Carniato / javascript, frameworks