DEV Community

Cover image for Productive Tools🚀 For Web Development😎

Productive Tools🚀 For Web Development😎

Akshay Chougule on February 22, 2020

🦸FRONTEND ESSENTIALS In modern times, our lives have certainly become a bit more dynamic. Being aware of this, We'll be exploring broad ...
Collapse
 
colortools profile image
Color Tools 🌈

online color tools

Hi Akshay; Can you add our online color tools to your list please?


Color Tool Name Link
Color Palette Generator hexcolor.co/palette-generator
Color Picker Tool hexcolor.co/color-picker
Gradient Color Generator hexcolor.co/gradient-generator
Image to Colors Palette Generator hexcolor.co/image-to-colors
CSS Color Extractor hexcolor.co/css-color-extractor
Color Contrast Checker hexcolor.co/color-contrast-checker
Bootstrap Material Theme Colors hexcolor.co/material-design-colors
Collapse
 
corentinbettiol profile image
Corentin Bettiol • Edited

Thanks I really liked colordot :D

screenshot

Collapse
 
kevnk profile image
Kevin Kirchner • Edited

Have you seen the grayscale.design color palette generator?

You set the color values you want and then add your colors. It will find the colors that match your color value scale for you! In other words, you can theoretically design in grayscale to get your contrast just right, then simply swap in your colors and you'll maintain the exact contrast ratio. It's pretty epic.

Collapse
 
devpks profile image
Praveen Kumar

Appreciate the effort❤️

Collapse
 
juliathepm profile image
Julia Flash

love this. And have used a lot of these!!! :-)

Collapse
 
renesansz profile image
Rene Padillo 🇵🇭

cool! thanks for sharing 😀

Collapse
 
wegissilveira profile image
wegissilveira

Thank you so much for this.

Collapse
 
vlasales profile image
Vlastimil Pospichal
Collapse
 
dpaine20 profile image
David Paine20

Thanks for sharing the list of amazing tools.
You must check that tool as well
url-decode.com/
That tool contains 100+ Web utilities, related to numbers, Unit converter, Developers, String, IP tools, and Converters as well.

Collapse
 
ruurtjan profile image
Ruurtjan • Edited

Another one worth considering is nslookup.io. An online DNS lookup tool. Much more convenient than dig or nslookup from the command line.

DNS lookup

Collapse
 
igcp profile image
Igor Conde

Thanks :D

Collapse
 
karanja_b4ha profile image
Baha_dev

Thanks for the amazing post.

Collapse
 
rishabk7 profile image
Rishab Kumar

Thanks for sharing! ❤

Collapse
 
jopo79 profile image
Javier Fernández

Thanks for sharing!!

Collapse
 
douglasfugazi profile image
Douglas Fugazi

Damn, this is pretty cool. Thanks for sharing 👍

Collapse
 
edmongarcia6 profile image
Edmon Garcia

Thank you for sharing😁

Collapse
 
mkubdev profile image
Maxime Kubik

Thanks for the ressource, love it !

Collapse
 
prahladmishra profile image
Prahlad Mishra

Nice collection thanks for sharing

Collapse
 
albertodeago88 profile image
Alberto De Agostini

Cool, thanks for sharing!

Collapse
 
ama profile image
Adrian Matei

Would like to suggest Codever to bookmark this list and the tools listed here - free and open source...

Collapse
 
adilvelizade0 profile image
Adil Velizade

Please follow instagram : @master_javascript

Collapse
 
theme_selection profile image
ThemeSelection • Edited

Great list. 🤩 We have also prepared the list of Best Open Source Web Development Tools.

Collapse
 
rahulh123 profile image
Rahul

Thanks for this!

Collapse
 
scroung720 profile image
scroung720

Wow very helpful thanks

Collapse
 
mjcoder profile image
Mohammad Javed

Awesome share. 👍

Collapse
 
augustocalaca profile image
Augusto Calaca

great tips

Collapse
 
soyalexmetztli profile image
Alex Metztli

Wooow, cool! Thanks for sharing!

Collapse
 
anshulnegitc profile image
Anshul Negi

Nice collection brother, earlier I used to search on google for everything now I have the kit.

Collapse
 
jdnichollsc profile image
J.D Nicholls

Check this tool about Web Animations API too => proyecto26.com/animatable-component/

Collapse
 
saltgen profile image
Sagnik Dutta

Thank you!

Collapse
 
nuhashjnr profile image
Nuhash Jnr

GOOD LIST...