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. by Nikita Prokopov / 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) by OpenAI / openai / 1 min read
- We are moving to General Availability: Supabase is becoming GA! by supabase.com / supabase / 8 min read
- Faster Connectivity !== Faster Websites: So true, bloated websites all over the internet. by Jim Nielsen / performance / 6 min read
- Authorization is still a nightmare for engineers: Launching Distributed Authorization: Intersting approach by osohq.com / auth / 14 min read
- This is a teenager: Beautiful website by pudding.cool / teenager / 10 min read
- iOS404: All the missing features in iOS by Shalanah Dawson / ios / 0 min read
- Basic Things: Great advice for small to large projects. by Alex Kladov / productivity / 19 min read
- Biome v1.7: Next minor release, with a single command migration from ESLint by Victorien Elvinger / linting / 7 min read
- Visualizing Algorithms: Old but gold! by Mike Bostock / algorithms / 34 min read
- JS Naked Day: April 24 it is! The web should work without JavaScript. by js-naked-day.org / javascript / 3 min read
- Why you need a WTF Notebook: I like that idea. by Nat Bennett / 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. by Dirk Weber / svg / 24 min read
- Mentorship, coaching, sponsorship: three different — and equally important — tools for developing talent: Three different characteristics by Jacob Kaplan-Moss / career / 7 min read
- Improving our Jest execution time by 300%: Disabling type checking was the trick. by Cameron Gould / jest, tests / 7 min read
🧰 Tools
- Modern Font Stacks: System font stack CSS organized by typeface classification for every modern OS by System Fonts / fonts
- Zero Sheets: Google Sheets as APIs by zerosheets.com / spreadsheets, api
- MarkdownDown: Convert any webpage to a clean markdown w/ images downloaded. by Asad Memon / markdown, md
- redka: Redis re-implemented with SQLite by Anton Zhiyanov / redis, sqlite
- morphic: An AI-powered answer engine with a generative UI by Yoshiki Miura / ai, openai
- Screen Ruler - Measure the web: Measure sizes, distances, margins and paddings of any element on any web page. by Mr Violets / chrome
- Reader: Convert any URL to an LLM-friendly input with a simple prefix https://r.jina.ai/ by jina-ai / ai
- Roll your own auth: Copy & paste code to roll your own auth easily and for free by Ismail Ghallou / auth
- node-argon2: Node.js bindings for Argon2 hashing algorithm by Ranieri Althoff / hashing
- Effect: A set of libraries to write better TypeScript by Effect-TS / typescript
- MikroORM: TypeScript ORM for Node.js based on Data Mapper, Unit of Work and Identity Map patterns. by mikro-orm.io / orm, typescript
- React Query Builder: The Query Builder Component for React by react-querybuilder.js.org / 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. by Mihai Chirculescu / autocomplete
- react-qrcode-logo: React + Typescript component to generate a QR Code with custom colors and logo by Giulia Corò / qr
- Anchor Position Tool: Get your anchor positioning css. by anchor-tool.com / css
- SVGEncode: A simple tool to convert an SVG into different formats, ready for use in CSS and HTML. by svgencode.com / svg
- portr: Expose local http, tcp or websocket connections to the public internet by Amal Shaji / tunnel
- fx: Terminal JSON viewer & processor by Anton Medvedev / cli, json
- HyperFormula: A headless spreadsheet, a parser and evaluator of Excel formulas by Handsontable / spreadsheets
- Quill: Quill is a modern WYSIWYG editor built for compatibility and extensibility. by quilljs.com / 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. by hatchet.run / queue
- ripl: Ripl provides a unified API for 2D graphics rendering in the browser with a focus towards high performance and interactive data visualization. by Andrew Courtice / svg, canvas
- Colors: Inspirational color palettes tailored to your vision by deblank / ai, colors
- Gitroom: Schedule social media and articles. Exchange or buy posts from other members. Monitor your GitHub trending, and so much more. by gitroom.com / growth
🤪 Fun
- Interview with Senior JS Developer 2024 [NEW]: All the shiny js libs in under 7mins by Programmers are also human / 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. by Josh Cunningham / oclif, typescript, cli / 13 min read
- Building an interactive 3D event badge with React Three Fiber: Dropping lanyard by Paul Henschel / 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! by Tech Talks Weekly / javascript
- The Microsoft-Dilemma - Europe as a Software Colony: Full Documentary by Harald Schumann, Árpád Bondy / microsoft