weeklyfoo #29

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