Extensions for Front-end / UI Developers

Arpit Goyal
Oct 20, 2015 · 3 min read

All These extensions are free, so there’s no harm in giving them all a try — you can easily disable or remove them by typing chrome://extensions/ into the Chrome address bar and something similar for Firefox as well.

Image for post
Image for post
Chrome Web Store

If you’re Not much of a Developer / Designer ?
look at this list of general extensions for every user:

  1. : Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies. also available for Mozilla Firefox ()
Image for post
Image for post

2. : outlining each element to better see placement on the page, you can debug your code for misalignments or floating elements easily.

Image for post
Image for post

3. : Display rulers, guides, grid and pick any color from webpage.
I just love it’s simple guide adding functionality and freedom for same.

Image for post
Image for post

4. : Postman makes API development faster, easier, and better.

5. : Really good app to understand complex structure of JSON from web source pages and APIs

6. : Multiple tools commonly used by web developers, from working with styles to images.

Image for post
Image for post

7. : Best tool for automated testing, created by folks at BigBinary, it works on cloud and makes testing flawless.

8. : Firebug Lite provides the rich visual representation when it comes to HTML elements, DOM elements, and Box Model shading. It provides also some cool features like inspecting HTML elements with your mouse, and live editing CSS properties.
()

9. : the easiest way to find out the fonts used in a webpage.

Image for post
Image for post
WhatFont Extension working on webpage

10. : This extension allows developers to put a semi-transparent image overlay over the top of the developed HTML and perform per pixel comparison between them.
there’s a similar tool “Comps”

Some other cool tools are: , , , , , , Dimensions Legacy, , ,

I have also written about ““, and “”, etc. on , follow me there for more.

a curious life

You were born curious, stay that way.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store