6 Browser extensions For Developers To Use In Your Next Project

Posted by TotalDC

I thought that today would be perfect day to talk about browser extensions that will make your life as web developer much easier.

Here I will present 6 extensions that from now on you most definitely will be using daily.

ColorZilla

I’m sure that you had those moments when while browsing web for inspiration you found what looked like perfect color and shade but then you had to waste time guessing what color it was. Worry no more because ColorZilla is browser extension that when you click on desired color in your browser will give you exact hex code or RGBA value if you prefer it that way.

ColorZilla browser extensions

PerfectPixel

As a developer you are expected to create pixel perfect website from what designer gave you. Here is the place where PerfectPixel comes into play. PerfectPixel allows you to put semi-transparent image overlay over the top of the development HTML and get pixel perfect comparison between them.

PixelPerfect

Wappalyzer

Found amazing website? Would be nice to know what technologies were used to create it? Wappalyzer is a browser extension that let’s you uncover technologies used on websites. It detects content management systems, eCommerce platforms, web servers, JavaScript frameworks, analytics tools and more.

Wappalyzer

FireShot

Creating web page and find yourself in need to take full size screenshot? With FireShot You can capture, edit and save full size screenshots in pdf, jpg, gif of png formats. A swell as print, upload send to OneNote, clipboard or email. This saved me a lot of times in the past.

FireShot

JSON Formatter

This is very convenient extension to have when you need to work with JSON files, because as you may know Chrome by default displays JSON as plain text which can be a nightmare to read since it may contain a lot of data. But with JSON Formatter you will bet nicely formatted color coded document with clickable links.

Vue.js Devtools

And finally this is an amazing extension that simplifies your work with vue.js. Simply open it as a tab in your browser dev tools. It allows you to see your component tree and data of the components. This extension is a must for any Vue.js developer.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: