DEV Community

Some Lesser Known But Awesome Online Tools For Web Development

Soumya Dey on September 22, 2020

These are some not so popular sites or apps or extensions I found very useful, either because they make my life easier or because they push me to w...

Read full post

Kevin Kirchner • Sep 25 '20

Have you checked out grayscale.design?

You can generate a color palette using luminance (aka color values). This way you could design in grayscale to nail the contrast and then easily swap in colors of those same values without messing up your contrast ratios.

Habdul Hazeez • Sep 26 '20

Today I Learned.

ThemeSelection • Oct 22 '20

Great List👍We have also prepared a list on Opensource web development tools and a series on Awesome Design Resources for every developers.

ender minyard • Sep 22 '20

I love how organized this is.

Soumya Dey • Sep 22 '20 • Edited

Thanks a lot ender 😌

Ashish Goyal • Oct 9 '20

Thanks for sharing this, some really cool tools there.
Just Few corrections,
in the UI graphics category, column 1, typo: DwarKit -> DrawKit
Under icons : IconBros url doesnt work. 502 Error
Under mockups: You cant use ShotBot unless you have an existing account. You cant create a new account currently.

Soumya Dey • Oct 9 '20 • Edited

Thanks a lot for the updates. 😊
I have Changed the list accordingly.

Hope you'll like my new post : Understanding JS scope rules

Abenet • Sep 23 '20

A great list, thanks!
If I might, I'd also add brumm.af/shadows to the list, it's a great tool for creating shadows in pure css.

Soumya Dey • Sep 23 '20

Thanks for the suggestion. Its really good. This is why I love 💛 this community so much.
Added your suggestion to the list.

wayphorier • Sep 27 '20 • Edited

Thanks for this awesome list! Would be great if you add Heroicons to the icons section.

Soumya Dey • Sep 28 '20

Thanks for the suggestion.
I have seen the website. Surely gonna add that to the list!

Mohammad Javed • Sep 25 '20

Thanks for the amazing list. 👍

Soumya Dey • Sep 26 '20

You are most welcome 🤠

manish srivastava • Sep 22 '20

Thanks

Soumya Dey • Sep 22 '20

You are most welcome! 😄

🎧Cirphrank👣 • Sep 25 '20

Thank you for this!

Soumya Dey • Sep 26 '20

You are most welcome 🤠

Ayyash • Nov 15 '20

okay this post goes right in my bookmark toolbar, great work

Andrew Baisden • Oct 13 '20

Quite a diverse list you could share it on github.

Rowe Morehouse • Sep 26 '20

Nice work. I had not heard of about 90% of those resources … thanks!

Soumya Dey • Oct 4 '20

Thanks a lot...Now you know about these awesome tools...😄

afnan432 • Sep 26 '20 • Edited

I'm the newbie in web developing and I love how Soumya bro gives valuable information in such a thing. Thanks, bro

Soumya Dey • Sep 26 '20

Thanks Afran...😊

Charanjit Chana • Sep 24 '20

Fantastic list of resources and beautifully organised 🧹

Soumya Dey • Sep 24 '20

Thanks Charanjit

JimCMorrison • Sep 22 '20

I like the list you compiled here Soumya. It would be interested in what your recommendations are in project planning. I use Trello half the time for example on my personal projects.

Soumya Dey • Sep 22 '20

Actually I have only used Jira untill now and I kind of like it.