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 ;) by Arnon Shimoni / billing / 10 min read
📰 Good to know
- JavaScript Bloat in 2024: See example for landing pages that load > 10mb of javascript oO by Nikita Prokopov / javascript / 8 min read
- Using the Switch(true) Pattern in JavaScript: Loving that approach. It definitely simplifies if-else spaghetti code by Séan Barry / switch, javascript / 4 min read
- Lessons from my third year running a SaaS: Insights from the founder of OnlineOrNot by Max Rozen / startups / 9 min read
- What apps have you made for your own use only, that you use daily?: Reddit thread about your side projects by Generatedusername ;) / 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 by Baldur Bjarnason / deno / 8 min read
- Free Monitor Certificate expiry via RSS: That’s a proper approach to keep track of your website certificates. by Raphael Sprenger / 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. by Taylor Troesh / 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 ;) by Matt Pocock / 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. by Aline Lerner / 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. by Hermina Condei / knowledge / 9 min read
- A manifesto for small, static, web apps: 10 items in the manifesto. by Ross Wintle / static / 9 min read
- 12 Years at Meta: What a journey! by Christopher Chedeau / meta / 20 min read
- Why Does ‘is-number’ Package Have 59M Weekly Downloads?: Just saying: chain of dependencies! by Shubham Jain / npm / 3 min read
- 17 Equations that Changed the World - Rewritten in JavaScript: <3 by runjs.app / algorithms / 39 min read
- JSR: First Impressions: Still on my todo list, but happy to read some first impressions. by David Bushell / deno, registry / 7 min read
- Survey Results and Roadmap: Deno shared their roadmap by Andy Jiang / deno / 6 min read
- In praise of Nushell: Also tried out nushell and it’s worth checking it out. by Lars Yencken / 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. by Jeff Morhous / productivity / 8 min read
- 30/3/30 approach: 30 seconds, 3 minutes, 30 minutes, quite simple. by Nader Dabit / pitch / 1 min read
- React is the New IBM: Bold statement by Charles Chen / react / 11 min read
🧰 Tools
- Expressive Code: A text marking & annotation engine for presenting source code on the web. by expressive-code / vscode, presentations
- huemint: Huemint uses machine learning to create unique color schemes for your brand, website or graphic by huemint.com / colors
- PGlite: Lightweight Postgres packaged as WASM into a TypeScript library for the browser, Node.js, Bun and Deno by electric-sql / 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. by vectrotype.com / charts, fonts
- node-rate-limiter-flexible: Atomic counters and rate limiting tools. Limit resource access at any scale. by Roman / node
- borp: node:test runner wrapper with TypeScript support by Matteo Collina / node, typescript, tests
- cloudevents: A specification for describing event data in a common way. Can be used for webhooks in general. by cloudevents.io / spec, webhooks
- Layers: Explore trending designs by layers.to / explore
- SQL Workbench: Run SQL queries in the browser by sql-workbench.com / sql
- pico: Tools from hacker labs including a static hosting service, a pastebin and a private docker registry. by pico.sh / services
- ingestr: ingestr is a CLI tool to copy data between any databases with a single command seamlessly. by Bruin Data / cli
- TinyMCE: JavaScript library for rich text editing. by tinymce / javascript, editors
- web-check: All-in-one OSINT tool for analysing any website by Alicia Sykes / web
- Colormind: Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art. by colormind.io / colors
🎨 Design
- Navbar Gallery: Find the best navigation designs from leading websites to fuel your inspiration. by navbar.gallery / navbars / 8 min read
- Great Products Have Great Premises: The most powerful thing a product can do is give its user a premise. by Anu Atluru and Bharat Kilaru / 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. by frontend.horse / 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. by Quinn Keast / copywriting / 0 min read
- How to Create a Memorable Logo In 2024: 10 vital tips for designers and entrepreneurs by Erik Messaki / 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 by Christopher K Wong / nda / 9 min read
🤪 Fun
- Cartoonifier: Turn any selfie into a cartoon. by cartoonifier.com / ai / 1 min read
📚 Tutorials
- Generating SVG Avatars From Identifiers: Pizza slides as avatars! by Kamil Rusin / 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. by Callum Hemsley / expo / 1 min read
- Apple style blow out text effect.: Really like that one. by jh3yy / css / 1 min read