weeklyfoo #34 is here: your weekly digest of all webdev news you need to know! This time you’ll find 47 valuable links in 7 categories! Enjoy!
🚀 Read it!
- Visualizing algorithms for rate limiting: Solid written blog post about rate limiting including examples and playgrounds. by smudge.ai / rate-limiting / 10 min read
📰 Good to know
- Thinking out loud about 2nd-gen Email: Proposal for next-gen emails by Gabriel Sieben / emails / 19 min read
- Building a Waitlist (The Wrong Way): All about not seen red flags. by Jared Rhizor / startups / 6 min read
- Coding my Handwriting: Including its own small tool to define the letters. by Amy Goodchild / fonts / 9 min read
- 100 Exercises To Learn Rust: Starter to learn Rust by rust-exercises.com / rust / 6 min read
- The problem with new URL(), and how URL.parse() fixes that: Quick tipp! by Kilian Valkhof / javascript / 5 min read
- Getting buy-in to get things done: Good to have a strategy. by Nicole Tietz / career / 8 min read
- Stripe’s monorepo developer environment: Insights of Stripe’s env by Nelson Elhage / stripe / 20 min read
- Introducing GitHub Copilot Extensions - Unlocking unlimited possibilities with our ecosystem of partners: The world of Copilot is getting bigger, improving the developer experience by keeping developers in the flow longer and allowing them to do more in natural language. by Mario Rodriguez / github, copilot / 9 min read
- Legend State v3: Legend-State is a super fast all-in-one state and sync library that lets you write less code to make faster apps. by legendapp.com / state, react / 6 min read
- Node LDAP Project Decomissioned: Some people should be banned from the internet. by James Sumners / oss / 6 min read
- Lessons learned from studying 4,000+ YC Companies.: Side note - the author used LLMs and ChatGPT to classify and structure the data. by amvizion.org / startups / 13 min read
🧰 Tools
- Lightweight Charts: Performant financial charts built with HTML5 canvas by TradingView / charts
- SVG Shape Generator: Create Beautiful SVG Shapes by softr.io / svg
- Zellij: A terminal workspace with batteries included by zellij.dev / cli
- Hygraph: The headless CMS powering content for mission-critical applications. by hygraph.com / cms
- importx: Unified tool for importing TypeScript modules at runtime. by Anthony Fu / typescript
- PatternPad: With PatternPad you can create unlimited unique pattern designs that fit your style. Ideal for branding, presentations, social media posts or customising products. by patternpad.com / patterns, graphics
- kreated.ai: AI prompts made & shared by the creative community by kreated.ai / ai, prompts
- jira.js: A JavaScript/TypeScript wrapper for the JIRA Cloud, Service Desk and Agile REST API by Vladislav Tupikin / jira
- unyt.land: Use TypeScript modules from sources like deno.land, JSR, GitHub directly in the browser without a compile step. by unyt.land / deno
- Amber: Amber the programming language compiled to bash by Ph0enixKM / shell, cli
- pls-fix: Get help if your account was suspended on a big tech site. by JP / help
- Pattern Monster: Customizable SVG patterns for your projects by pattern.monster / patterns, svg
- react-force-graph: React component for 2D, 3D, VR and AR force directed graphs by Vasco Asturiano / viz, visualization
- Restyle: The simplest way to add CSS styles to your React components. by Travis Arnold / react, css
- Hamburger-React: Animated hamburger menu icons for React.js weighs only 1.5 KB. by Damian Cyntler / react
- ClarityAI: AI Image Upscaler & Enhancer - free and open-source Magnific Alternative by philz1337x / ai, images
- Neosync: Open source data anonymization and synthetic data orchestration for developers. Create high fidelity synthetic data and sync it across your environments. by neosync.dev / pii
- Insighto: Collect feedback from your customers, prioritize features, and build a product users love. by Marc Lou / feedback
- MagicUI: Animated components and effects you can copy and paste into your apps. by Magic UI / ui
- matcha.css: Drop-in semantic styling library in pure CSS. by Simon Lecoq / css
- namviek: The open-source project manager for tiny teams by namviek.com / projects
- 121API: A HealthKit API for the Web by onetwentyone.ai / api, health
- env-var: Verification, sanitization, and type coercion for environment variables in Node.js by Evan Shortiss / envvars
- AI warp: Platformatic Stackable to interact with AI services by Platformatic / ai
- Dingify: Dingify is helping you unlock the power of seamless real-time monitoring by Christer Hagen / analytics
🎨 Design
- Band Logo Fonts: Discovering the Typography behind 30 Music Icons by indieground.net / fonts / 21 min read
- Rethinking Text Resizing on Web: Bonus - understand the differences between px, em and rem by Steven Bassett / fonts / 16 min read
- UI Density: What UI density means and how to design for it by Matthew Ström / ui / 18 min read
- Visual Design - Glossary: Use this glossary to quickly clarify key terms and concepts related to visual design. by Rachel Krause, Therese Fessenden / ui, glossary / 16 min read
🤣 Meme
- Comparison in JS: Lovely! by ant.gebna.gg / javascript / 50 min read
📚 Tutorials
- Building a GitHub activity feed with Node.js and Socket.io: Your first steps with sockets. by Jeff Everhart / nodejs, sockets / 11 min read
- City In A Bottle – A 256 Byte Raycasting System: Loving this breakdown. by Frank Force / raycast / 16 min read
📺 Videos
- The latest in Web UI (Google I/O ‘24): Get a rundown of all the things developers should know that landed in the browser for UI development since the last I/O, plus what’s on the product roadmap. by Chrome for Developers / web
- Use Engineering Strategy to Reduce Friction and Improve Developer Experience: Will Larson discusses what problems engineering strategy solves, examples of real engineering strategies, how to rollout engineering strategy, troubleshooting why your strategy rollout isn’t working. by Will Larson / productivity
- Ryan Dahl introduces JSR at DevWorld 2024: All you need to know about jsr by Ryan Dahl / jsr