weeklyfoo #25 is here: your weekly digest of all webdev news you need to know! This time you’ll find 51 valuable links in 7 categories! Enjoy!
🚀 Read it!
- Passkeys - under the hood: Detailed walkthrough to passkeys / passkeys, auth / 13 min read
- Optimizing Javascript for fun and for profit: Some good hints that can bring a lot of performance benefits. / javascript, performance / 28 min read
- Brutally honest career advice to my younger self: Advice by the founder of AppSumo! / advice, career / 9 min read
📰 Good to know
- What is INP and why you should care: INP = Interaction to Next Paint, and it will replace First Input Delay (FID) on March 12 / performance / 13 min read
- WebSockets vs Server-Sent-Events vs Long-Polling vs WebRTC vs WebTransport: Short but really good overview of network techniques / network / 19 min read
- Postgres is eating the database world: In fact, I only use postgresql if I need an SQL db (sometimes an SQLite) / sql, postgresql / 13 min read
- The problem with using a UUID primary key in MySQL: TIL: in uuid v4 the first position in the third segment of the uuid will always be 4 oO / uuids / 12 min read
- Introducing our team, investors & more…: Oh wow, the creator of npm is joining the vlt team! / vlt / 3 min read
- Web Neural Network API: A low-level API for neural network inference hardware acceleration. / webnn / 200 min read
- sh.mjs: Shorthand JavaScript - nice idea! / javascript / 4 min read
- require(esm) in Node.js: If you haven’t switched to esm already this will be quite helpful. / nodejs, esm / 15 min read
- Announcing VitePress 1.0: 1.0 of VitePress! / vitepress / 4 min read
- Node.js landing page: Node.js released a brand new landing page and it’s such a big improvement. / nodejs / 1 min read
- How web bloat impacts users with slow devices: Take care about your app size! / performance / 60 min read
- 11 ways to get better feedback from your manager: Hard truths about why your manager isn’t giving you more feedback—and what to do about it. / career / 14 min read
- Architecture of an early stage SAAS: Insights from feelback.dev / startup, architecture / 23 min read
- Grep by example: Interactive guide: grep is the ultimate text search tool available on virtually all Linux machines. While there are now better alternatives (such as ripgrep), you will still often find yourself on a server where grep is the… / grep / 14 min read
🧰 Tools
- Creatica: Generate SVG Backgrounds to elevate your designs / svg
- Runtime compatibility: Display APIs compatibility across different JavaScript runtimes. / compatibility
- Magnify: Bookmarklet code for magnifying a website. / bookmarklet
- Serverless Postgres Platform: With a to-good-to-be-true-free-tier! / postgresql
- jnv: interactive JSON filter using jq / cli, json
- capo.js: Get your in order / performance
- Blobmaker: Quickly create random, unique, and organic-looking SVG shapes. / svg
- This person does not exist: Create random faces that don’t exist. / images
- react-json-view-lite: Lightweight Json view component for React / json, react
- Spectacle: A React.js based library for creating sleek presentations using JSX syntax that gives you the ability to live demo your code. / react, presentations
- TLD-List: Compare Prices of All Top-Level Domains / tlds, domains
- CartoSVG: Design gorgeous and lightweight SVG maps with ease / svg, maps
- emojisplosion: Explosion effect with emojis / animations
- MistCSS: Write React components using CSS only / css, react
- pgwire: PostgreSQL wire protocol implemented as a rust library. / postgres, rust
- Atrament: A small JS library for beautiful drawing and handwriting on the HTML Canvas. / canvas
- oneRepo: Easy, strict, safe, and fast JavaScript & TypeScript monorepo toolchain for high performance teams. / monorepo
- Join Repo: Selling a boilerplate, template, or a library? Stop manually inviting people to your private GitHub repos. - Still in the beginning but the idea is nice. / products
- Pigment CSS: Pigment CSS is a zero-runtime CSS-in-JS library that extracts the colocated styles to their own CSS files at build time. / css
- dropflow: A CSS layout engine / css
- Color in Between: Explore the Spectrum with Colors in Between / colors
🎨 Design
- The New Free Fonts Every Designer Should Have: Neo Brutalist <3 / fonts / 21 min read
- This scroll effect <3: This is not an article but an awesome scroll effect! / animations / 28 min read
🤪 Fun
- css2wind: Translate the CSS property to its Tailwind CSS equivalent / css, tailwind / 1 min read
- three mandatory scripts in package.json: yolo-push ftw! / npm / 1 min read
- I’m So Old: Web Edition: I’m too old, too xD / web / 12 min read
📚 Tutorials
- Build a Node App with TypeScript: pnpm, nodejs, typescript (of course ), es modules / boilerplate / 7 min read
- A Beginner’s Guide to Node.js Worker Threads: I like nodes general single thread policy but if you really really need more than one thread that’s a good starting point. / nodejs, threads / 24 min read
- Use CSS shape-outside to wrap text around shapes: Nice effect with just a bit of css. / css / 1 min read
- DuckDB as the New jq: Use DuckDB to query json files. / json, duckdb / 5 min read
📺 Videos
- Another JS Registry. Seriously?!: Everything you need to know about JavaScript’s new open source registry, JSR. / jsr
- Is Drizzle Really Better Than Prisma?: Complete comparison between two of the most popular TypeScript ORM libs. / prisma, drizzle
- Node.js: The Documentary - An origin story: <3 / nodejs
- The Story of Astro DB: The Astro team recently launched Astro DB – an efficient, local first, replicable database. This is that story. / astro