30 Best Chrome Extensions For Web Developers and Designers

For many web designers and developers, Chrome has already reached second most popular browser, having already surpassed Internet Explorer and with a high chance of surpassing Firefox.

Although Firefox is more robust (primarily due to its popularity), Chrome is lightning fast and, with new extensions added daily, an exciting option for the serious web designer. And here you are to find tools that make Chrome useful to you as a designer or a developer. Fortunately, Chrome has a burgeoning collection of extensions that will make the transition from Firefox a lot easier.

If you are using Mozilla Firefox and not Chrome, then you still have where to choose from. Check out this cool mozilla addons for developers. Here we list down 30 Best Chrome Extensions for Web Developers and Designers. You can use and make your coding and designing effectively.

Window Resizer

It resize browser window to emulate various screen resolutions.

custom-window-resizer

TabCloud

Tabcloud Save and restore window sessions over time and across multiple computers.

tab-cloud

Builtwith Technology Profiler

BuiltWith is a web site profiler tool. BuiltWith returns all the technologies it can find on the page.

built-with-extension

colorPicker

It can helpful for web developer to Pick color from current web page or change color(s) of any element in DOM.

color-picker

Font Editor

Using this powerful extension for test different fonts and font sizes on any web pages

font-editor

IE MultiTab

Another best resource for web developer to test web page view without leaving Google chrome and run ActiveX controls. you can view View of your desire page in IE within Chrome Tabs.

ie-tab-multi

HTML Validator

It is an extension to validate the HTML code of the current web page

chrome-html-validator

Sight

Sight is the Syntax Highlighter Chrome extension that makes reading code on the browser a joy.

sight-syntax-highlighter

StyleBot

It allows you to quickly manipulate the appearance of any website (using custom CSS).

stylebot-options

Palette for Chrome

It creates a color palette from any image. Just right-click on the image and select the ‘Palette for Chrome’ option

palette-chrome-extension

Web Developer

It adds a toolbar button with various web developer tools.

chrome web developer

Google Font Previewer

It helps to choose a font from Google Font Directory with a few text styling options, and preview them on the current tab.

google-font-preview

Google Mail Checker

Displays the number of unread messages in your Google Mail inbox

google-mail-checker

Pixlr Express

Quick fix you photos and images with pixlr express in browser image editing!

pixlr-express

Chrome Sniffer

chrome-sniffer

Awesome Screenshot

It is another useful google extension that capture the whole page or any portion, annotate it with rectangles, circles, arrows, lines and text, blur sensitive info, one-click…

awesome-screenshot

Google Similar Pages

Discover WebPages similar to the page you’re currently browsing.

google-similar-pages

Instachrome

It helps you quick saving method to store your articles. It can help you make a collection of articles.

instachrome

CSSViewer

CSSViewer is a simple CSS property viewer for Google chrome users.

chrome-css-viewer

Firebug Lite

It is popular extensions and provides the rich visual representation we are used to see in Firebug when it comes to HTML elements, DOM elements, and Box Model shading.

firebug-lite

PHP Console

Its display PHP errors/debugs in chrome.

php-console

Speed Tracer

Speed Tracer is a tool to help you identify and fix performance problems in your web applications.

speed-tracer

MeasureIt

Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.

measure-it

LastPass

LastPass is a free password manager and form filler.

last-pass

SEO for Chrome

SEO for Chrome provides SEO Stats and Tools that make your daily SEO tasks easier

seo for chrome

META SEO inspector

This extension is mainly aimed at web developers that need to verify the description tag.

META SEO inspector

Domain Availability Checker & Whois

This plugin checks a domains availability straight from your toolbar.

Chrome Flags

Displays a country flag indicating the location of the websites you’re visiting.

chrome flags

FlashBlock

Flashblock is an extension for the Google Chrome that blocks all Flash content from loading. It then leaves placeholders on the webpage that allow you to click to download and then view the Flash content.

FlashBlock


design

About the author

With a passion for Knowledge, Smashinghub has been created to explore things like Free Resources For Designers, Photographers, Web Developers and Inspiration.

Twitter Visit author website

Subscribe to Smashing Hub


12 Comments

  1. Simon says:

    Very good list. In addition to some of the ones you have listed, I also use Form Filler and it is quite useful when working with and testing forms.

    https://chrome.google.com/webstore/detail/bnjjngeaknajbdcgpfkgnonkmififhfo

  2. Michael says:

    Check out Form Filler (https://chrome.google.com/webstore/detail/bnjjngeaknajbdcgpfkgnonkmififhfo/). I use it often as I work a lot with forms.

  3. Eric says:

    There’s also “Save & Mail my tabs” which is awesome, the name says it all…
    Here’s a link for you guys :
    https://chrome.google.com/webstore/detail/bnpfkcnkfnmkfpmmokmdjjgaonjiejge

  4. Oded says:

    Check out ViewTube – simply the best way to watch (and interact) with videos on Facebook
    https://chrome.google.com/webstore/detail/jpmdfboedkdealhjmnmkdhmgbaeajgfo

  5. Sameer says:

    Great list. I liked Color picker most, no need to refer to other online hex color generator now.

  6. ronny says:

    There is a new extension that let’s you see google results in facebook search, check it out:

    https://chrome.google.com/webstore/detail/hhpfhdhkcdkngbomgbfbocoflbflfcac

  7. Awesome collection of Chrome extensions! Saves countless hours browsing many of the complete drivel of extensions we’ve experimented with previously.

  8. Paul says:

    Nice collection. I don’t really think chrome needs firebug the in-built one seems to do a good enough job.

  9. admin says:

    @BarBoo:
    thanks for correction

  10. BarBoo says:

    It’s TabCloud not TagCloud.

  11. lazaac says:

    thanks for the collection… gonna install all of them..

  12. Google Chrome is by far the best user experience – thanks for the pluggins screen resolution addon is really good!