DEV Community

Cover image for Tools Every Developer Should Know and Use

Tools Every Developer Should Know and Use

Himanshu Tiwari 🌼 on February 05, 2021

SO FAR SO GOOD I hope your Web Dev journey sounds like that. Well if yes, then I have something that can make good to great and, if no, then don't...
Collapse
 
andrewbrown profile image
Andrew Brown 🇨🇦 •

You forgot Vimium: (Vim for Chrome) 🙃

chrome.google.com/webstore/detail/...

Collapse
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️ •

I personally prefer vb4c (a fork of cVim after that was abandoned) :D

Collapse
 
aspiiire profile image
Aspiiire •

Man this is a banger thank you so much i loved it never knew about it thanks again!! 🔥

Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

Ahaan, that's because I knew you will do comment that, lol
Thank you so much for
Telling me about this one dude

Collapse
 
brandonwallace profile image
brandon_wallace • • Edited

Add the VisBug Chrome extension to the list.
Visbug is an open source browser design tool built with JavaScript.

It's features are:

  • Point, click & tinker
  • Edit or style any page, in any state, like it's an artboard
  • Inspect styles, spacing, distance, accessibility and alignment
  • Nitpick layouts & content, in the real end environment, at any device size
  • Leverage adobe/sketch skills
  • Edit text, replace images
  • Design within the chaos: use production or prototypes and the odd states they produce, as artboards and design opportunities
  • Design while DevTools simulates latency, i18n, media queries, platform constraints, CPUs, screen size, etc
  • Make more decisions on the front end of your site/app (a11y, responsive, edge cases, etc)
  • No waiting for developers, just go direct and edit the end state (regardless of framework) and execute or test an idea

There are other great photo websites.

pixabay.com/
pexels.com

For PNG images with transparency
klipartz.com/en

Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

Great, definitely will try

Collapse
 
ama profile image
Adrian Matei •

Bookmarks.dev to manage your dev bookmarks and code snippets...

Collapse
 
vvyas2 profile image
Vinay •

Great tool, very nifty and useful.

Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

Niceee 😃😃

Collapse
 
stribny profile image
Petr Stříbný •

The title of the post absolutely doesn't correspond to the content. Also, writing an article where the title would be apt is almost impossible.

Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

What if you have to choose a title for the post? What will you choose?

Collapse
 
stribny profile image
Petr Stříbný •

You have made a post about "every developer", but those tools are front-end/web development only. What's more is that I don't consider them anything that everybody "has to know and use".

I suggest naming it according to what it really is, e.g. "Tools I like and use as a web developer".

Thread Thread
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

Good, insight
Next time will think of that, dude

Collapse
 
ivypuckett profile image
Ivy Puckett •
Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

What's that for

Collapse
 
ivypuckett profile image
Ivy Puckett •

It generates neumorphic css, so you don't have to mess around with box shadows yourself :)

Thread Thread
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

nice will try thanks

Collapse
 
barelyhuman profile image
Reaper •

Fonts Ninja, another alternative to WhatFont, adds up to your browser and you can point on any font on a webpage
fonts.ninja/

Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

Nice, Do you have any new to add on the list

Collapse
 
aspiiire profile image
Aspiiire •

Thanks man really great article, never knew about Uxwing really interesting 😁

Collapse
 
acadoret profile image
Antoine •

You could maybe add Visbug and Responsive Viewer. They are just awesome for a webdev

Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

Some one already added in discussion, so i think now it's not needed
If you have any other awesome extension to share ?

Collapse
 
acadoret profile image
Antoine •

Yes You re right ^^
Im using extensions like postman for debuging api endpoints. I use darkreader too.. It's Nice for reading documentation at 4 am 😅

Thread Thread
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

Darkreader that's really nice
Thanks for sharing

Collapse
 
andrewbaisden profile image
Andrew Baisden •

So many great tools what would we do without them.

Collapse
 
bogkonstantin profile image
Konstantin Bogomolov •

Website monitoring: uptime.onl
Bugtracking: bugsnag.com
Expose project from local machine: ngrok.com

Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

Wow, so much of amazing tool you have dude

Collapse
 
omchhabra18 profile image
om chhabra •

I will try all these extensions when I will complete my course...

Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

Definitely, then you will save a lot time

Collapse
 
tranquan profile image
Tran Quan •

Thanks! This is so useful

Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

Glad it was useful

Collapse
 
andreidascalu profile image
Andrei Dascalu •

Sounds more like UI focused tools, rather than generic development or even web development.

Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼 •

Glad you found them useful, BTW do you have some to add in my list? Would love to share some