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 by Sylvain Pelissier / passkeys, auth / 13 min read
- Optimizing Javascript for fun and for profit: Some good hints that can bring a lot of performance benefits. by Herman Wenng / javascript, performance / 28 min read
- Brutally honest career advice to my younger self: Advice by the founder of AppSumo! by Noah Kagan / 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 by Salma Alam-Naylor / performance / 13 min read
- WebSockets vs Server-Sent-Events vs Long-Polling vs WebRTC vs WebTransport: Short but really good overview of network techniques by rxdb.info / 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) by Vonng / 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 by planetscale.com / uuids / 12 min read
- Introducing our team, investors & more…: Oh wow, the creator of npm is joining the vlt team! by Darcy Clarke / vlt / 3 min read
- Web Neural Network API: A low-level API for neural network inference hardware acceleration. by w3c / webnn / 200 min read
- sh.mjs: Shorthand JavaScript - nice idea! by tangentstorm / javascript / 4 min read
- require(esm) in Node.js: If you haven’t switched to esm already this will be quite helpful. by Joyee Cheung / nodejs, esm / 15 min read
- Announcing VitePress 1.0: 1.0 of VitePress! by Evan You / vitepress / 4 min read
- Node.js landing page: Node.js released a brand new landing page and it’s such a big improvement. by nodejs.org / nodejs / 1 min read
- How web bloat impacts users with slow devices: Take care about your app size! by Dan Luu / 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. by Wes Kao / career / 14 min read
- Architecture of an early stage SAAS: Insights from feelback.dev by 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… by Anton Zhiyanov / grep / 14 min read
🧰 Tools
- Creatica: Generate SVG Backgrounds to elevate your designs by creatica.app / svg
- Runtime compatibility: Display APIs compatibility across different JavaScript runtimes. by unjs / compatibility
- Magnify: Bookmarklet code for magnifying a website. by @jh3y / bookmarklet
- Serverless Postgres Platform: With a to-good-to-be-true-free-tier! by Monica Sarbu, Tudor Golubenco / postgresql
- jnv: interactive JSON filter using jq by ynqa / cli, json
- capo.js: Get your in order by Rick Viscomi / performance
- Blobmaker: Quickly create random, unique, and organic-looking SVG shapes. by z creative labs / svg
- This person does not exist: Create random faces that don’t exist. by thispersondoesnotexist.com / images
- react-json-view-lite: Lightweight Json view component for React by Andrei Alikov / 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. by nearform.com / react, presentations
- TLD-List: Compare Prices of All Top-Level Domains by tld-list.com / tlds, domains
- CartoSVG: Design gorgeous and lightweight SVG maps with ease by cartosvg.com / svg, maps
- emojisplosion: Explosion effect with emojis by Carly Gradeff / animations
- MistCSS: Write React components using CSS only by typicode / css, react
- pgwire: PostgreSQL wire protocol implemented as a rust library. by Ning Sun / postgres, rust
- Atrament: A small JS library for beautiful drawing and handwriting on the HTML Canvas. by Jakub Fiala / canvas
- oneRepo: Easy, strict, safe, and fast JavaScript & TypeScript monorepo toolchain for high performance teams. by Paul Armstrong / 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. by Kitze / 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. by MUI / css
- dropflow: A CSS layout engine by Caleb Hearon / css
- Color in Between: Explore the Spectrum with Colors in Between by hexcolor.co / colors
🎨 Design
- The New Free Fonts Every Designer Should Have: Neo Brutalist <3 by Muhammad Faisal / fonts / 21 min read
- This scroll effect <3: This is not an article but an awesome scroll effect! by newpeace.jp / animations / 28 min read
🤪 Fun
- css2wind: Translate the CSS property to its Tailwind CSS equivalent by LukeberryPi / css, tailwind / 1 min read
- three mandatory scripts in package.json: yolo-push ftw! by Kitze / npm / 1 min read
- I’m So Old: Web Edition: I’m too old, too xD by David Walsh / web / 12 min read
📚 Tutorials
- Build a Node App with TypeScript: pnpm, nodejs, typescript (of course ), es modules by Matt Pocock / 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. by Stanley Ulili / nodejs, threads / 24 min read
- Use CSS shape-outside to wrap text around shapes: Nice effect with just a bit of css. by @jh3yy / css / 1 min read
- DuckDB as the New jq: Use DuckDB to query json files. by Paul Gross / json, duckdb / 5 min read
📺 Videos
- Another JS Registry. Seriously?!: Everything you need to know about JavaScript’s new open source registry, JSR. by Deno / jsr
- Is Drizzle Really Better Than Prisma?: Complete comparison between two of the most popular TypeScript ORM libs. by Web Dev Simplified / prisma, drizzle
- Node.js: The Documentary - An origin story: <3 by Honeypot / nodejs
- The Story of Astro DB: The Astro team recently launched Astro DB – an efficient, local first, replicable database. This is that story. by ui.dev / astro