Introduction

Today I would like to talk about browser plugins that help make the life of a web developer easier.

In this post, I decided to give an example of 8 plugins that I often use while working or if I surf in the browser.

So let's get started

1. ColorZilla

With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program.

This is a great plugin that will help you determine the code of any color on any pixel that you have pointed at with a special pipette. This works with both websites and images. If you can't point the eyedropper at the image, because the image begins to disappear, then open the image in a separate window.

a) Click Pick Color From Page

b) We point the pipette at the desired area and click

c) Open the Color Picker

2. PerfectPixel

PerfectPixel allows developers and markup designers put a semi-transparent image overlay over the top of the developed HTML and perform pixel perfect comparison between them.

3. Window Resizer

This extension re-sizes the browser's window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.

4. Wappalyzer

Wappalyzer is a browser extension that uncovers the technologies used on websites. It detects content management systems, eCommerce platforms, web servers, JavaScript frameworks, analytics tools and many more.

5. FireShot

Take FULL webpage screenshots. Capture, edit and save them to PDF/JPEG/GIF/PNG, upload, print, send to OneNote, clipboard or email.

6. Pinterest Save Button

Save your favorite ideas online so you can easily get back to them later.

With this plugin, you can add any images you like from any to yours collections to your Pinterest account.

When you hover over the image, you will see a red button in the upper right corner with which you can select the Pinterest collection to which you want to save the image.

a) Choosing the image

b) Save

7. Vue.js devtools

Chrome and Firefox DevTools extension for debugging Vue.js applications.

An amazing plugin that simplifies your work in the browser. Allows you to see your component tree, as well as the data of the components themselves. I believe that this plugin is necessary for any Vue developer.

8. JSON Formatter

A very convenient plugin that makes JSON files more readable, and also makes links clickable.

The End

Thank you for devoting your time to my post. You can also recommend plugins that you use. Or suggest a better alternative to the plugins that are presented in the post.

Transform your browsers