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

Adam - Jul 29 - - Dev Community

weeklyfoo #43 is here: your weekly digest of all webdev news you need to know! This time you'll find 43 valuable links in 7 categories! Enjoy!

🚀 Read it!


đź“° Good to know


🧰 Tools

  • RenderCV: A LaTeX CV/Resume Framework / cv
  • Nextra: Simple, powerful and flexible site generation framework with everything you love from Next.js. / frameworks
  • fakemail.stream: A fake SMTP server for software integration testing. / emails
  • CSS Loaders: 600+ single element loaders / css, loaders, spinners
  • CLI maker: A library to help create CLIs with support for command parameters and interactive prompts. / cli
  • Swapy: A framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code / dnd, drag-n-drop
  • TinkerBird: Client Side Vector Database / databases
  • Fonts Ninja: Discover typefaces and build your font collection. / fonts
  • CSS Grid Generator: CSS grid generator is a tool that helps developers create custom CSS grid layouts more easily. The generator allows users to specify the number of columns, rows, the gutter size. / css
  • chartbrew: Open-source web platform used to create live reporting dashboards from APIs, MongoDB, Firestore, MySQL, PostgreSQL, and more / visualizations
  • fdir: The fastest directory crawler & globbing library for NodeJS. Crawls 1m files in < 1s / node
  • DOM to Semantic Markdown: Convert HTML DOM to Semantic Markdown for use in LLMs (Large Language Models). / markdown
  • Uppy: The next open source file uploader for web browsers / upload, javascript
  • ky: Tiny & elegant JavaScript HTTP client based on the Fetch API / http
  • litegraph: A graph node engine and editor written in Javascript similar to PD or UDK Blueprints, comes with its own editor in HTML5 Canvas2D. The engine can run client side or server side using Node. It allows to export graphs as JSONs to be included in applications independently. / graphs
  • svg.wtf: Create and learn how to create svg files! / svgs
  • Haystack: An IDE built on top of a canvas, Haystack takes care of the tedious and confusing parts of coding for you / ide
  • Telemetry: A single platform to log, analyze and utilize your data / analytics

🎨 Design


🤪 Fun

  • Iceberger: Draw an iceberg and see how it will float. / physics / 1 min read

đź“š Tutorials

  • How to make complex Chrome extensions - a zero gravity guide: Building a complex browser extension isn’t exactly easy—especially for first-timers or folks who feel unsure of what they’re doing! Not to worry. We’ll show you the essentials for building a full-featured Chrome extension using a real example from the Evil Martians casebook! We’ll also share some other useful tips and cool recommendations, so read on! / chrome, extensions / 19 min read

đź“ş Videos

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

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

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player