Stay ahead in web development: latest news, tools, and insights #34

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. / rate-limiting / 10 min read

📰 Good to know

• Thinking out loud about 2nd-gen Email: Proposal for next-gen emails / emails / 19 min read
• Building a Waitlist (The Wrong Way): All about not seen red flags. / startups / 6 min read
• Coding my Handwriting: Including its own small tool to define the letters. / fonts / 9 min read
• 100 Exercises To Learn Rust: Starter to learn Rust / rust / 6 min read
• The problem with new URL(), and how URL.parse() fixes that: Quick tipp! / javascript / 5 min read
• Getting buy-in to get things done: Good to have a strategy. / career / 8 min read
• Stripe's monorepo developer environment: Insights of Stripe's env / 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. / 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. / state, react / 6 min read
• Node LDAP Project Decomissioned: Some people should be banned from the internet. / 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. / startups / 13 min read

🧰 Tools

• Lightweight Charts: Performant financial charts built with HTML5 canvas / charts
• SVG Shape Generator: Create Beautiful SVG Shapes / svg
• Zellij: A terminal workspace with batteries included / cli
• Hygraph: The headless CMS powering content for mission-critical applications. / cms
• importx: Unified tool for importing TypeScript modules at runtime. / 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. / patterns, graphics
• kreated.ai: AI prompts made & shared by the creative community / ai, prompts
• jira.js: A JavaScript/TypeScript wrapper for the JIRA Cloud, Service Desk and Agile REST API / jira
• unyt.land: Use TypeScript modules from sources like deno.land, JSR, GitHub directly in the browser without a compile step. / deno
• Amber: Amber the programming language compiled to bash / shell, cli
• pls-fix: Get help if your account was suspended on a big tech site. / help
• Pattern Monster: Customizable SVG patterns for your projects / patterns, svg
• react-force-graph: React component for 2D, 3D, VR and AR force directed graphs / viz, visualization
• Restyle: The simplest way to add CSS styles to your React components. / react, css
• Hamburger-React: Animated hamburger menu icons for React.js weighs only 1.5 KB. / react
• ClarityAI: AI Image Upscaler & Enhancer - free and open-source Magnific Alternative / ai, images
• Neosync: Open source data anonymization and synthetic data orchestration for developers. Create high fidelity synthetic data and sync it across your environments. / pii
• Insighto: Collect feedback from your customers, prioritize features, and build a product users love. / feedback
• MagicUI: Animated components and effects you can copy and paste into your apps. / ui
• matcha.css: Drop-in semantic styling library in pure CSS. / css
• namviek: The open-source project manager for tiny teams / projects
• 121API: A HealthKit API for the Web / api, health
• env-var: Verification, sanitization, and type coercion for environment variables in Node.js / envvars
• AI warp: Platformatic Stackable to interact with AI services / ai
• Dingify: Dingify is helping you unlock the power of seamless real-time monitoring / analytics

🎨 Design

• Band Logo Fonts: Discovering the Typography behind 30 Music Icons / fonts / 21 min read
• Rethinking Text Resizing on Web: Bonus - understand the differences between px, em and rem / fonts / 16 min read
• UI Density: What UI density means and how to design for it / ui / 18 min read
• Visual Design - Glossary: Use this glossary to quickly clarify key terms and concepts related to visual design. / ui, glossary / 16 min read

🤣 Meme

• Comparison in JS: Lovely! / javascript / 50 min read

📚 Tutorials

• Building a GitHub activity feed with Node.js and Socket.io: Your first steps with sockets. / nodejs, sockets / 11 min read
• City In A Bottle – A 256 Byte Raycasting System: Loving this breakdown. / 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. / 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. / productivity
• Ryan Dahl introduces JSR at DevWorld 2024: All you need to know about jsr / jsr

Want to read more? Check out the full article here.

To sign up for the weekly newsletter, visit weeklyfoo.com.