weeklyfoo #29 is here: your weekly digest of all webdev news you need to know! This time you’ll find 44 valuable links in 6 categories! Enjoy!
🚀 Read it!
Hardest Problem in Computer Science: Centering Things: Never ending story. / css / 9 min read
📰 Good to know
OpenAI Batch API: save costs and get higher rate limits on async tasks (such as summarization, translation, and image classification) / openai / 1 min read
We are moving to General Availability: Supabase is becoming GA! / supabase / 8 min read
Faster Connectivity !== Faster Websites: So true, bloated websites all over the internet. / performance / 6 min read
Authorization is still a nightmare for engineers: Launching Distributed Authorization: Intersting approach / auth / 14 min read
This is a teenager: Beautiful website / teenager / 10 min read
iOS404: All the missing features in iOS / ios / 0 min read
Basic Things: Great advice for small to large projects. / productivity / 19 min read
Biome v1.7: Next minor release, with a single command migration from ESLint / linting / 7 min read
Visualizing Algorithms: Old but gold! / algorithms / 34 min read
JS Naked Day: April 24 it is! The web should work without JavaScript. / javascript / 3 min read
Why you need a WTF Notebook: I like that idea. / productivity / 10 min read
The Art Of SVG Filters And Why It Is Awesome: Didn’t know that you can apply such nice filters in svg. / svg / 24 min read
Mentorship, coaching, sponsorship: three different — and equally important — tools for developing talent: Three different characteristics / career / 7 min read
Improving our Jest execution time by 300%: Disabling type checking was the trick. / jest, tests / 7 min read
🧰 Tools
Modern Font Stacks: System font stack CSS organized by typeface classification for every modern OS / fonts
Zero Sheets: Google Sheets as APIs / spreadsheets, api
MarkdownDown: Convert any webpage to a clean markdown w/ images downloaded. / markdown, md
redka: Redis re-implemented with SQLite / redis, sqlite
morphic: An AI-powered answer engine with a generative UI / ai, openai
Screen Ruler – Measure the web: Measure sizes, distances, margins and paddings of any element on any web page. / chrome
Reader: Convert any URL to an LLM-friendly input with a simple prefix https://r.jina.ai/ / ai
Roll your own auth: Copy & paste code to roll your own auth easily and for free / auth
node-argon2: Node.js bindings for Argon2 hashing algorithm / hashing
Effect: A set of libraries to write better TypeScript / typescript
MikroORM: TypeScript ORM for Node.js based on Data Mapper, Unit of Work and Identity Map patterns. / orm, typescript
React Query Builder: The Query Builder Component for React / react
semantic-autocomplete: A blazing-fast semantic search React component. Match by meaning, not just by letters. Search as you type without waiting (no debounce needed). Rank by cosine similarity. / autocomplete
react-qrcode-logo: React + Typescript component to generate a QR Code with custom colors and logo / qr
Anchor Position Tool: Get your anchor positioning css. / css
SVGEncode: A simple tool to convert an SVG into different formats, ready for use in CSS and HTML. / svg
portr: Expose local http, tcp or websocket connections to the public internet / tunnel
fx: Terminal JSON viewer & processor / cli, json
HyperFormula: A headless spreadsheet, a parser and evaluator of Excel formulas / spreadsheets
Quill: Quill is a modern WYSIWYG editor built for compatibility and extensibility. / editors
hatchet: Hatchet is a distributed, fault-tolerant task queue which replaces traditional message brokers and pub/sub systems – built to solve problems like concurrency, fairness, and durability. / queue
ripl: Ripl provides a unified API for 2D graphics rendering in the browser with a focus towards high performance and interactive data visualization. / svg, canvas
Colors: Inspirational color palettes tailored to your vision / ai, colors
Gitroom: Schedule social media and articles. Exchange or buy posts from other members. Monitor your GitHub trending, and so much more. / growth
🤪 Fun
Interview with Senior JS Developer 2024 [NEW]: All the shiny js libs in under 7mins / javascript / 1 min read
📚 Tutorials
Building a CLI from scratch with TypeScript and oclif: If you want to implement a ts cli, here you go. / oclif, typescript, cli / 13 min read
Building an interactive 3D event badge with React Three Fiber: Dropping lanyard / react, threejs / 16 min read
📺 Videos
All Javascript conference talks from 2023 ordered by the number of views: Featuring JSConf, JSWORLD, JSNation, React Summit, React Native EU, VueJS Amsterdam, TypeScript Congress and many more! / javascript
The Microsoft-Dilemma – Europe as a Software Colony: Full Documentary / microsoft