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

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

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

Signup here for the newsletter to get the weekly digest right into your inbox.

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

🚀 Read it!

  • How to become a more effective engineer: The importance of soft skills, implicit hierarchies, getting to “small wins”, understanding promotion processes and more. by Cindy Sridharan / career, engieering / 26 min read

📰 Good to know


🧰 Tools

  • NocoDB: NocoDB allows building no-code database solutions with ease of spreadsheets. by nocodb.com / databases
  • Cash: An absurdly small jQuery alternative for modern browsers. by Fabio Spampinato / dom, javascript
  • pqoqubbw/icons: an open-source collection of smooth animated icons for your projects by pqoqubbw / icons
  • Someday: Free to host and open-source cal.com / calendly alternative built on Google-Apps-Script for Gmail users. Built with modern technologies like React, TypeScript, Shadcn/UI, and Vite. by robby / calendar, calendly
  • HTML to React & Figma by Magic Patterns: Chrome Extension to convert what you find on any website into a React component. by magicpatterns.com / react, chrome
  • NPM Chart: Search for a package to see its download stats over time. by Sébastien Chopin / npm, stats
  • yauzl: yet another unzip library for node by Josh Wolfe / nodejs, zip
  • Click to Component: Option+Click React components in your browser to instantly open the source in VS Code by Eric Clemmons / react
  • skellyCSS: A light-weight CSS framework to quickly implement skeletons into your projects. by Ritter Insurance / skeletons
  • npmpackage.info: Discover detailed information about npm packages. by Shrinath Nayak / npm
  • BemiDB: Postgres read replica optimized for analytics by bemidb.com / analytics
  • varse: A fast application config manager by varse.io / config
  • Draw.Audio: Draw.Audio is a free musical sketch-pad for exploring ideas in sound. It was made using the Web Audio API. by draw.audio / audio
  • React GJS Renderer: A React renderer for the Gnome JS. It provides components and methods allowing to use React to build native Gnome GTK applications. by react-gjs / react, gnome
  • World in Dots: Create vector dotted maps with custom options and download them as SVG or PNG files by worldindots.com / maps

🎨 Design

  • Designing For Gen Z: Expectations And UX Guidelines: There are many myths revolving around Gen Z and how they use tech. Time to take a look at actual behavior patterns that go beyond heavy use of social media. by Vitaly Friedman / ux / 15 min read
  • Design Principles: An open source collection of Design Principles and methods. by principles.design / principles / 2 min read

🤪 Fun


📚 Tutorials


📺 Videos

  • Atlas Goes Hands On: The interesting part is that Atlas is acting completely autonomously. by Boston Dynamics / robots

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

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