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
 
aspiiire profile image
Aspiiire

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

Collapse
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️

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

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
 
winstonpuckett profile image
Winston Puckett
Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼

What's that for

Collapse
 
winstonpuckett profile image
Winston 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
 
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
 
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
 
aspiiire profile image
Aspiiire

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

Collapse
 
andrewbaisden profile image
Andrew Baisden

So many great tools what would we do without them.

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

Collapse
 
tranquan profile image
Tran Quan

Thanks! This is so useful

Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari 🌼

Glad it was useful