Stay ahead in web development: latest news, tools, and insights #32

weeklyfoo #32 is here: your weekly digest of all webdev news you need to know! This time you'll find 40 valuable links in 6 categories! Enjoy!

🚀 Read it!

• Text Manipulation Kung Fu for the Aspiring Black Belt: Everyone needs that belt! / text / 12 min read
• eu/acc: European Accelerationism. Europ, please wake up. / startups / 7 min read

---

📰 Good to know

• Why Cloudflare is the Best Alternative to Vercel in 2024: This article explores Vercel features, comparing to similar products from the Cloudflare Ecosystem. / cloudflare, vercel / 26 min read
• Hono v4.3.0: Next minor release of Hono / hono / 9 min read
• 3 Critical Skills You Need to Grow Beyond Senior Levels in Engineering: Applicable to both technical and managerial tracks / career / 7 min read
• 5 Node Version Managers Compared – Which is Right for You?: Didn't know you can use pnpm to manage node versions / nodejs / 9 min read
• VPS Showdown – May 2024 – DigitalOcean vs. Linode vs. Vultr: Detailed comparison of VPS providers. / vps, benchmark / 3 min read
• Poor Express Authentication Patterns in Node.js and How to Avoid Them: Practical advice if you're using express. / nodejs, express / 7 min read
• What we learned building our SaaS with Rust: Always loving this first-hand experiences. / rust / 29 min read
• Docusaurus 3.3: Next minor release of Docusaurus / docusaurus / 5 min read
• Dont have F-You money? Build an F-You Network.: Guide to build a network. / career / 4 min read
• transparent borders: Don't remove borders from components, make them transparent. / css / 4 min read
• Astro 4.8: Astro Actions! / astro / 5 min read
• Is my host fast yet?: Real-world server response (Time to First Byte) latencies, as experienced by real-world users navigating the web. / performance / 3 min read
• Taking regular screenshots of my website: Great idea. Will implement this for my sites as well! / screenshots / 10 min read

---

🧰 Tools

• Stirling-PDF: Locally hosted web application that allows you to perform various operations on PDF files / pdfs
• UI Colors: Tailwind CSS Color Generator / tailwind, css
• Pushkeen: Curated collection of the latest push notifications patterns from mobile apps, reflecting the best in growth and user re-activation / collection
• Chromicons: handcrafted Open Source Icons / icons
• Fastfetch: Like neofetch, but much faster because written mostly in C. / cli
• Pechkin: Asynchronous Node.js file upload (multipart/form-data) handling. / nodejs
• node-screenshots: Zero-dependent. A native nodejs screenshots library for Mac, Windows, Linux. / screenshots
• Bree: Bree is a Node.js and JavaScript job task scheduler with worker threads, cron, Date, and human syntax. / scheduler, cron
• Baileys: Lightweight full-featured typescript/javascript WhatsApp Web API / whatsapp
• CSS Text Box Trim: CSS Text Box Trim is a CSS property that allows you to remove the leading whitespace from a block of text. / css
• React Awesome Reveal: React components to add reveal animations using the Intersection Observer API and CSS Animations. / react
• Icones: Icon Explorer with Instant searching, powered by Iconify / icons
• tinyworldmap: tinyworldmap is a tiny world map for offline-first and low-bandwidth web apps / maps
• SaaS Boilerplate: SaaS Boilerplate built with Next.js + Tailwind CSS + Shadcn UI + TypeScript. / nextjs, tailwind, shadcn, typescript, boilerplate
• EasyFrontend: 700+ Free UI Components With Code Editor / ui
• fullwindcss: Extend your tailwind colors / colors, tailwind
• Fabric.js: Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser / canvas, svg
• SVG Viewer: View, edit, and optimize SVGs / svg

---

🎨 Design

• Small laboratory of fine UI: Website and components designed and built by mrncst / ui / 3 min read
• Time-based CSS Animations: With some nice examples. / css / 7 min read
• The Sound of Software: A story about how to use sound in software. / sound / 14 min read

---

🤪 Fun

• cat-names: Get popular cat names / cats / 5 min read

---

📺 Videos

• Production-Grade TypeScript: How the Effect library can help. / typescript
• What's new in Node js v22: Walk through the Node.js v22 (and v22.1.0) announcements / nodejs
• Seamless drag and drop between applications: Drag'n'Drop between apps with Browser APIs / dnd

Want to read more? Check out the full article here.

To sign up for the weekly newsletter, visit weeklyfoo.com.