Today I would like to start my new blog post series – Top 10 Must-Have Web Dev Tools. It will be partly a continuation of my last year’s series (WP / DEV) but not quite. The reason for the appearance of this idea is that recently I have accumulated a huge number of links that I would like to share with everyone. I plan to do similar reviews once a month and hope these lists will be useful to someone. So, let’s start with March 2021 edition.
Squoosh is the most intuitive and good-looking image compression web app I have ever seen. It works very fast and supports many formats (AVIF, WebP, JPEG XL, etc.).
This tool helps you to create web design elements inspired by the popular Frosted Glass aesthetic.
A VisuAlgo is the ultimate tool to learn data structures and algorithms visually.
Perhaps the most obvious, but nonetheless very useful pick. Netlify is an amazing platform allowing you to deploy in just a few clicks straight from your git repository.
A free, fast, and beautiful API request builder. A noteworthy alternative to Postman.
The online code editor for web apps. A wonderful VS Code-like alternative to other online IDE’s like Repl, CodePen, etc.
A simple and easy-to-use tool for creating accessible buttons. It helps you to ensure that your buttons have accessible contrasts.
9). Refactoring Guru
This resource could be a great starting point for someone interested in refactoring and design patterns.
10). Flex Cheatsheet
A great visual cheat sheet for CSS Flex layout in a form of an interactive playground.
P.S. Please feel free to complete the list by replying to this post. Which web dev tools do you like best?