Create React App Blog

Create React App Blog

[17] Top 10 Must-Have Web Dev Tools - June 2021

[17] Top 10 Must-Have Web Dev Tools - June 2021

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 June 2021 edition.

1). Squoosh

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.).

Top 10 Must-Have Web Dev Tools - March 2021

https://squoosh.app/

2). Glassmorphism

This tool helps you to create web design elements inspired by the popular Frosted Glass aesthetic.

Top 10 Must-Have Web Dev Tools - March 2021

https://glassmorphism.com/

3). VisuAlgo

A VisuAlgo is the ultimate tool to learn data structures and algorithms visually.

Top 10 Must-Have Web Dev Tools - March 2021

https://visualgo.net/en

4). EStimator

The EStimator will help if you want to reduce the size of your JS bundle. It allows calculating the size and performance impact of switching to modern JavaScript syntax.

Top 10 Must-Have Web Dev Tools - March 2021

https://estimator.dev/

5). Netlify

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.

Top 10 Must-Have Web Dev Tools - March 2021

https://www.netlify.com/

6). Hoppscotch

A free, fast, and beautiful API request builder. A noteworthy alternative to Postman.

Top 10 Must-Have Web Dev Tools - March 2021

https://hoppscotch.io/

7). Stackblitz

The online code editor for web apps. A wonderful VS Code-like alternative to other online IDE's like Repl, CodePen, etc.

Top 10 Must-Have Web Dev Tools - March 2021

https://stackblitz.com/

8). Buttonbuddy

A simple and easy-to-use tool for creating accessible buttons. It helps you to ensure that your buttons have accessible contrasts.

Top 10 Must-Have Web Dev Tools - March 2021

https://buttonbuddy.dev/#generator

9). Refactoring Guru

This resource could be a great starting point for someone interested in refactoring and design patterns.

Top 10 Must-Have Web Dev Tools - March 2021

https://refactoring.guru/refactoring

10). Flex Cheatsheet

A great visual cheat sheet for CSS Flex layout in a form of an interactive playground.

Top 10 Must-Have Web Dev Tools - March 2021

https://yoksel.github.io/flex-cheatsheet/

P.S. Please feel free to complete the list by replying to this post. Which web dev tools do you like best?


Original post 08.03.20 @ WP or DEV

My Site villivald.com

GitHub github.com/villivald

 
Share this