weeklyfoo #5 is here: your weekly digest of all webdev news you need to know! This time you’ll find 54 valuable links in 8 categories! Enjoy!
🚀 Read it!
- I Accidentally Saved Half A Million Dollars: wow / money / 11 min read
- Explain Like I’m Five: If you can’t explain something simply, then you don’t understand it. / eli5 / 2 min read
- How to (and how not to) design REST APIs: You cannot read it often enough, there are so many bad designed REST APIs in the wild. / rest, api / 21 min read
📰 Good to know
- Lessons Learned from Twenty Years of Site Reliability Engineering: Or, Eleven things we have learned as Site Reliability Engineers at Google / sre, learnings / 11 min read
- The System Design Cheat Sheet: API Styles: REST, GraphQL, WebSocket, Webhook, RPC/gRPC, SOAP / fundamentals / 3 min read
- X is officially worth less than half of what Elon Musk paid for it: A year after he bought Twitter for $44 billion, Musk thinks the company is now worth $19 billion, a 55 percent drop. / x, twitter / 5 min read
- The product manager role is a mistake: Having product managers because, yeah, of having product managers ;) / product managers / 11 min read
- 10 lessons from successful one-person startups: <3 / side projects / 10 min read
- 6 Software Engineering Templates I Wish I Had Sooner: Design docs, postmortems and more / templates / 4 min read
- Measuring product-market fit is more than vibes: A step-by-step guide to measuring product-market fit / pmf / 11 min read
- Introducing Shadow: Shadow is a new novel browser engine made almost entirely in JS / javascript / 2 min read
- How Bear does analytics with CSS: Nice idea to use css for analytics / analytics, css / 4 min read
- Google is officially trying to make .ing domains a th.ing: New tlds! / tld, .ing, .meme / 4 min read
- The crippling problem of being able to build whatever you want: Good points! / side projects / 11 min read
- Organizing multiple Git identities: If you’re working on different git projects with different identities that’s a must read! / git / 3 min read
- HTML defines a ping attribute on anchor elements (links): Native tracking with ping attribute / html, analytics, tracking / 5 min read
- Docusaurus 3.0: New major release of the popular docs framework with lots of updates under the hood. / docs / 12 min read
- Langchain Templates: LangChain Templates are the easiest and fastest way to build a production-ready LLM application. / ai, langchain, templates / 4 min read
- browser-window web component: nice one! / html, javascript, css / 4 min read
- CSS Selectors: A Visual Guide: Here’s a visual guide to the most popular CSS selectors. / css / 16 min read
- Passkeys: A No-Frills Explainer On The Future Of Password-Less Authentication: All about Passkeys / passkeys / 23 min read
- How to design your company for speed: It’s a hell of a lot easier to just be first / startups, speed / 8 min read
- Organize your Week as an Engineering Manager: How to Fill and Organize Your Weekly Calendar as an EM / managers / 6 min read
- Hire Better Managers: 35 Interview Questions for Assessing a Candidate: 35 good questions / managers / 22 min read
🧰 Tools
- OpenSign: The free & Open Source Alternative to DocuSign / signing documents
- The good line height: Simplify type scales by automatically calculating the perfect line height for any text & grid combination / font, css
- Neurascapes: Free AI images for creatives & professionals / images, ai
- Writerside: Documentation framework / docs, jetbrains
- AI Toolbox: Test, pivot or generate ideas in minutes with our free AI tools. / ai, innovation, toolbox
- Hyperswitch: An open source payments switch written in Rust to make payments fast, reliable and affordable / payment, rust
- ScratchDB: Scratch is an open-source alternative to BigQuery, Redshift, and Snowflake. Runs on Clickhouse. / analytics
- resvg-js: A high-performance SVG renderer and toolkit, powered by Rust based resvg and napi-rs. / svg
- local-ai-stack: A starter kit to build local-only AI apps that cost $0 to run — starting with document Q&A. Written in Javascript / ai, kit
- tsParticles: Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. / animations, effects
- shots.so: Mockup Generator / mockups, images
- Reactime: A time travel debugger for modern React-based applications / react, debugging
- React slideshow: React slideshow is a simple react component that supports slide, fade and zoom effects. It is easily customizable and you can edit some properties to fit your design. / react, slideshows, carousel
- SiriWave: The Apple® Siri wave-form replicated in a JS library. / javascript, animations
- Pattern Generator: Use this tool to create unique, seamless, royalty‑free patterns. / images, patterns, svg
- uncut: fonts, fonts, fonts / fonts
- val town: If GitHub Gists could run and AWS Lambda were fun / gist
- tailspin: A log file highlighter / logs
- grist: Spreadsheet and Database combination / spreadsheets, databases
- PayloadsAllTheThings: A list of useful payloads and bypass for Web Application Security and Pentest/CTF / security
🎨 Design
- Burn your toast: Toast, yes or no / toast / 4 min read
- SaaS Pricing Explorer: Find the right pricing model / pricing, websites / 9 min read
- Designing Better Reviews And Ratings UX (+ Checklist): Read it if you provide reviews in your product. / reviews / 12 min read
☁️ Serverless
- Convex: Convex is the fullstack TypeScript development platform. Replace your database, server functions and glue code. / database, functions / 6 min read
- Nile: Serverless Postgres for modern SaaS / databases, postgres / 5 min read
🐱💻 Hacker News
- Is Express still “de-facto” for building Node back ends?: I’m still using itm but not for serverless functions. / express / 29 min read
📚 Tutorials
- Make an Animated Menu like Stripe with React, Tailwind, and AI: Thanks Steve Sewell! / react, tailwind, ai / 17 min read
- NodeJS: Blurring Human Faces in Photos: Thanks Misael Braga de Bitencourt! / images, ai, node / 6 min read
- Building a Generic RSS Parser Service with Cloudflare Workers: Thanks Raymond Camden! / cloudflare, workers, rss / 10 min read
📺 Videos
- Your website does not need JavaScript: Amy Kapernick - Copenhagen DevFest 2023 / html, css