weeklyfoo #22 is here: your weekly digest of all webdev news you need to know! This time you’ll find 45 valuable links in 6 categories! Enjoy!
🚀 Read it!
- The 14 pains of building your own billing system: You want to build your own billing, because it’s basically just a spreadsheet? Read this article ;) / billing / 10 min read
📰 Good to know
- JavaScript Bloat in 2024: See example for landing pages that load > 10mb of javascript oO / javascript / 8 min read
- Using the Switch(true) Pattern in JavaScript: Loving that approach. It definitely simplifies if-else spaghetti code / switch, javascript / 4 min read
- Lessons from my third year running a SaaS: Insights from the founder of OnlineOrNot / startups / 9 min read
- What apps have you made for your own use only, that you use daily?: Reddit thread about your side projects / sideprojects / 1 min read
- Disillusioned with Deno: This article lines out how Deno’s trying to build common tools by their own which puts the project behind Node / deno / 8 min read
- Free Monitor Certificate expiry via RSS: That’s a proper approach to keep track of your website certificates. / rss, certificates / 1 min read
- Frugly vs. Freemium: Never thought about that, but make your UI (super) ugly in free tier and get payed for a nice looking UI is an interesting approach. / pricing / 5 min read
- <Sorry, I Need A TypeScript Playground In Order To Help>: Good advice to not send just a screenshot of your borken code ;) / typescript, playground / 4 min read
- The unwritten rules (till now) of negotiating with Meta: If you ever want to work for Meta it’s a good idea to start with this article. / meta, interview / 21 min read
- Lift-off: The MDN Curriculum launch: The MDN Curriculum provides a structured guide to the essential skills and practices for being a successful front-end developer, along with recommended learning resources. / knowledge / 9 min read
- A manifesto for small, static, web apps: 10 items in the manifesto. / static / 9 min read
- 12 Years at Meta: What a journey! / meta / 20 min read
- Why Does ‘is-number’ Package Have 59M Weekly Downloads?: Just saying: chain of dependencies! / npm / 3 min read
- 17 Equations that Changed the World - Rewritten in JavaScript: <3 / algorithms / 39 min read
- JSR: First Impressions: Still on my todo list, but happy to read some first impressions. / deno, registry / 7 min read
- Survey Results and Roadmap: Deno shared their roadmap / deno / 6 min read
- In praise of Nushell: Also tried out nushell and it’s worth checking it out. / cli, nushell / 6 min read
- Software Engineers Need a Brag Doc: I’m maintaining a brag doc since four years now and it really helps me to keep track of all the things I’ve done. / productivity / 8 min read
- 30/3/30 approach: 30 seconds, 3 minutes, 30 minutes, quite simple. / pitch / 1 min read
- React is the New IBM: Bold statement / react / 11 min read
🧰 Tools
- Expressive Code: A text marking & annotation engine for presenting source code on the web. / vscode, presentations
- huemint: Huemint uses machine learning to create unique color schemes for your brand, website or graphic / colors
- PGlite: Lightweight Postgres packaged as WASM into a TypeScript library for the browser, Node.js, Bun and Deno / postgresql
- Chartwell: Regularly I don’t advertise products that have no free tier. But this one looks really good and seems to make the handling of charts quite easy. At least for very simple ones. / charts, fonts
- node-rate-limiter-flexible: Atomic counters and rate limiting tools. Limit resource access at any scale. / node
- borp: node:test runner wrapper with TypeScript support / node, typescript, tests
- cloudevents: A specification for describing event data in a common way. Can be used for webhooks in general. / spec, webhooks
- Layers: Explore trending designs / explore
- SQL Workbench: Run SQL queries in the browser / sql
- pico: Tools from hacker labs including a static hosting service, a pastebin and a private docker registry. / services
- ingestr: ingestr is a CLI tool to copy data between any databases with a single command seamlessly. / cli
- TinyMCE: JavaScript library for rich text editing. / javascript, editors
- web-check: All-in-one OSINT tool for analysing any website / web
- Colormind: Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art. / colors
🎨 Design
- Navbar Gallery: Find the best navigation designs from leading websites to fuel your inspiration. / navbars / 8 min read
- Great Products Have Great Premises: The most powerful thing a product can do is give its user a premise. / products / 10 min read
- The Linear Look: There’s one style that seems to be taking over the tech SaaS world, and it’s the one popularized by Linear’s homepage. / landingpages / 5 min read
- UX Language: A comprehensive set of useful and semi-universal UX copywriting and style guidelines and examples to reference while designing and building products and interfaces. / copywriting / 0 min read
- How to Create a Memorable Logo In 2024: 10 vital tips for designers and entrepreneurs / logos / 8 min read
- Show, not tell: How to make use of restricted or scrapped design work: How to transform design work restricted by NDAs or scrapped prematurely / nda / 9 min read
🤪 Fun
- Cartoonifier: Turn any selfie into a cartoon. / ai / 1 min read
📚 Tutorials
- Generating SVG Avatars From Identifiers: Pizza slides as avatars! / svg, avatars / 12 min read
- How to build an offline-first app using Expo & Legend State: Learn how to build and assess the effectiveness of an offline first application using Legend State and Expo. / expo / 1 min read
- Apple style blow out text effect.: Really like that one. / css / 1 min read