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