weeklyfoo #31 is here: your weekly digest of all webdev news you need to know! This time you’ll find 47 valuable links in 9 categories! Enjoy!
🚀 Read it!
- Dear Europe, please wake up – eu/acc: This is so true. by Andreas Klinger / startups, eu / 13 min read
📰 Good to know
- bun.report is Bun’s new crash reporter: Nice idea and nicely explained! by Dave Caruso / bun / 10 min read
- GitHub comments abused to push malware via Microsoft repo URLs: User abusing systems, it’s such a shame. by Lawrence Abrams / github / 10 min read
- terminal.shop: What a nice idea! by terminal.shop / shops / 1 min read
- What is Vite (and why is it so popular)?: Want to get an intro to vite? Read this article. by Eric Simons / vite / 11 min read
- GitHub Copilot Workspace: Welcome to the Copilot-native developer environment by Thomas Dohmke / github, ai, copilot / 9 min read
- The only two log levels you need are INFO and ERROR: Why use fatal, warn or debug? by Nicole Tietz / logging / 9 min read
- Using Node Watch Instead of Nodemon: You can use —watch flag in node now. by James Q Quick / node, nodemon / 2 min read
- Ditch dotenv - Node.js Now Natively Supports .env File Loading: Explore the new built-in features in Node.js that make managing environment variables simpler and more integrated. by Zachary Lee / node, dotenv / 4 min read
- Web Scraping like a pro: Unlocking the power of impersonation by Lev Gelfenbuim / scraping / 25 min read
- Printing music with CSS Grid: This is pure art. by Stephen Band / music, css / 15 min read
- Nightly Postgres Backups via GitHub Actions: Learn how to backup your data to AWS by Josh Strange / postgres, aws, github / 6 min read
- Passkeys - A Shattered Dream: Sad that it seems that Passkeys become something that is basically used for a more lock-in effect from corps. by William Brown / passkeys / 11 min read
- I Reviewed 1,000s of Opinions on HTMX: HTMX is a trending JavaScript library that enables the construction of modern user interfaces using hypermedia as the engine of application state. by Dylan Huang / htmx / 13 min read
- An Introduction to the Node.js Performance API: Want to measure things in nodejs? Get an introduction to the performance API with this post. by Stanley Ulili / nodejs / 19 min read
🧰 Tools
- Bad Bot Blocker: Block bad, possibly even malicious web crawlers (automated bots) using htaccess. by bluedragonz / htaccess
- teable: The Next Gen Airtable Alternative - No-Code Postgres by teableio / postgres
- Dokploy: Open Source Alternative to Vercel, Netlify and Heroku. by dokploy.com / infra
- kaytu: The Kaytu CLI helps you save on cloud costs by finding the perfect server sizes. by kaytu.io / infra
- threlte: Rapidly build interactive 3D apps for the web. by threlte.xyz / 3d
- Stytch: All-in-one authentication, authorization, and fraud prevention infrastructure with powerful APIs and SDKs by stytch.com / auth
- YouTube.js: A wrapper around YouTube’s internal API — reverse engineering InnerTube by Luan / youtube
- cron-schedule: A zero-dependency cron parser and scheduler for Node.js, Deno and the browser. by Pascal Sthamer / crons
- Odiff: The fastest pixel-by-pixel image visual difference tool in the world. by Dmitriy Kovalenko / images
- TestCafe: A Node.js tool to automate end-to-end web testing. by DevExpress / testing
- Pino: super fast, all natural json logger by getpino.io / logger
- Extension.js: Plug-and-play, zero-config, cross-browser extension development tool. by Cezar Augusto / extensions, browsers
- PeerDB: Fast, simple, and cost effective Postgres replication by peerdb.io / postgres
- Divz: A React component that lets you scroll, swipe & zoom through HTML elements on the 3D z-axis. by Lewis Hunt / react, 3d
- Colors Visualizer: Visualize Your Colors On Real Designs for Better Experience by Zouhir Yaçouri / colors
- @samchon/openapi: Type safe OpenAPI definitions by Jeongho Nam / openapi
- Tagify: lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue by Yair Even Or / tags
- Emoji Mart: One component to pick them all by Missive / emojis
- Prosopo: Procaptcha offers robust bot protection without compromising user privacy. Lightweight, open source GDPR compliant bot protection. by prosopo.io / captcha
- useHooks: A collection of modern, server-safe React hooks – from the ui.dev team by usehooks.com / react, hooks
- eraser: All-in-one markdown editor, collaborative canvas, and diagram-as-code builder by eraser.io / diagrams
- codehelium: An editor component that compiles, executes and returns the outputs of any user-written code via Pyodide/Emscripten/Webassembly. by Dillon de Silva / react, python
🎨 Design
- Hidden Gems of Tailwind CSS: I’m just using the basics, reading through this let me feel like tackerman! by railsdesigner.com / tailwind / 6 min read
- The best number fonts: The best fonts for adding creative number characters to your design projects. by Garrick Webster / fonts / 12 min read
🐱💻 Hacker News
- How do people create those sleek looking demos for startups?: Discussion about what to use to produce nice demos. by anandasai / demo / 40 min read
🤪 Fun
- Virtual x86: v86 emulates an x86-compatible CPU and hardware. by Fabian / x86 / 3 min read
🤣 Meme
- I touched a dockerfile today: xD by kitze / docker / 1 min read
📚 Tutorials
- Midjourney-inspired gallery scroller with CSS scroll animation: No JS needed! by @jh3yy / css / 1 min read
📺 Videos
- How to become a freelance designer in 2024: Some good insights by Femke van Schoonhoven / freelance
- System Design - Simple But Common Mistakes: Learn to set up services, establish effective communication, and steer clear of pitfalls in distributed systems. by Kirill Parasotchenko / bestpractices
- Keep your nose out of it. Denying yourself access to production: Just do it. by Glenn F. Henriksen / operations
- Let me be: const vs let - very entertaining 15min talk! by Ryan Florence / javascript