Extensions for Developers / Designers

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.

Not much of a Developer / Designer ?
look at this list of general extensions for every user: List of Essential Extensions

  1. ColorZilla : Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies. also available for Mozilla Firefox (ColorZilla for firefox)
    ColorZilla
  2. Pesticide for Chrome : outlining each element to better see placement on the page.
    pesticide-for-chrome
  3. Rulers, Guides, Eye Dropper and Color Picker : Pick any color from webpage using eye-dropper tool; display rulers, guides and grid on the page.
    I just love it’s simple guide adding functionality and freedom for same.
    ruler-guides-eye-dropper-and-color-picker
  4. Firebug Lite : 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.
    (Firebug for Firefox)
  5.  WhatFont :  the easiest way to find out the fonts used in a webpage.whatfont
  6.  Page Ruler : Page Ruler lets your draw out a ruler to any page and displays the width, height and position of it.
  7. SEO & Website Analysis (by woorank.com) :  by WooRank , this SEO plugin provides a very deep SEO report for any given website.
  8. Web Developer : The Web Developer extension adds a toolbar button to the browser with various web developer tools.
    (Web Developer for Firefox)
    web-developer
  9. PerfectPixel by WellDoneCode : 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”
  10. Bootstrap Grid : The extension allows to draw a grid on every website, so it’s very easy to see if all elements are at the right spot.
    there are many other tools for task I like this one for its freedom,
    other similar tools: The Grids, Grid Ruler, etc.
    bootstrap-grids

Some other cool tools are: BuiltWith Technology ProfilercssscanCSS Shapes,  Editor, Dimensions Legacy, UX CheckBrowser Compatibility DetectorCheck My Links

I have also written about “List of the Essential Extensions“, will be Writing about “Super Charge Your Gmail”, etc.

Feel free to comment and drop your views / suggestions. Ask any doubts if you have here in comments or write to us at 911@dlotus.com. Have a nice day.

 

Arpit Goyal

Startup evangelist, Product enthusiast, Techie, Blogger Found dLotus on concept of "Imagination is more important than knowledge"

 

Leave a Reply