DEV Community

Cover image for [19] Top 10 Must-Have Web Dev Tools – April 2021
MV
MV

Posted on • Originally published at create-react-app.com

[19] Top 10 Must-Have Web Dev Tools – April 2021

It is time to continue my new blog post series - Top 10 Best Web Dev Tools, which I started almost one month ago. Every month I will try to pick the most intriguing and handy tools that I believe are must-haves for every web developer.

1). Daily Dev

The best coding news aggregator I have seen so far (yes, including Hacker News). Available both as a web app and extension.

daily dev

https://daily.dev/

2). HTTP Cats

A hilarious API that you can use in your website to show funny error messages. For those who are not in the team cat, there is also a dog version.

http cats

https://http.cat/

3). Ray.so

A super cool tool that helps you create some good-looking content for your blog or social media. I will definitely use it the future posts.

ray.so

https://ray.so/

4). JSitor

Last month I mentioned Stackblitz, which is a great online code editor for web apps. This time I would like to present a tool with a bit narrower application, which is nevertheless very useful when working with JavaScript.

jsitor

https://jsitor.com/

5). Can I use...

I suppose there must be at least one pick from captain obvious every month. This time it is a widely known resource - Can I use...

can i use

https://caniuse.com/

6). VIM Adventures

In fact, this is not a tool but an online environment that allows you to learn VIM in a game-like manner. As for this topic, I may as well recommend the Vim Fundamentals course by Frontend Masters.

vim adventures

https://vim-adventures.com/

7). 30 seconds of code

An extensive collection of code snippets for all occasions and all skill levels.

30 seconds of code

https://www.30secondsofcode.org/

8). Cool Backgrounds

A curated selection of cool backgrounds that you can add to blogs and websites. It also provides a broad scope for modification.

cool backgrounds

https://coolbackgrounds.io/

9). Grid Cheatsheet

It is another useful cheat sheet, presented in visual and easy to interpret form. From the authors of Flex cheatsheet (pick number 10).

grid cheatsheet

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

10). uiGradients

A handpicked collection of beautiful color gradients for all kinds of designers and developers.

ui gradients

https://uigradients.com/

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


Original post @ create-react-app.com

My Site https://villivald.com/
GitHub https://github.com/villivald

Top comments (4)

Collapse
 
fofomalo profile image
Florent Malo

Très intéressant et inspirant merci pour ce partage,

Collapse
 
ry44n__ profile image
john

Nice!

Collapse
 
idoshamun profile image
Ido Shamun

Thank you for featuring daily.dev! 🙌

Collapse
 
villivald profile image
MV

Thank you for creating such a great resource, Ido! 🙂👏