17 Google Chrome Extensions for Web Designers and Developers

Firefox is the browser of choice for most designers and developers in part because of the vast selection of add ons that are available. While Chrome does not offer anywhere close to as many extensions (yet), there are still a number that can be very handy for designers and developers. In some cases they are not as robust as the Firefox versions (example, Firebug and Firebug Lite), but if you are using Chrome you may be interested to know about the extensions that are available. Additionally, Chrome comes with some developer tools built in.

In this post we’ll feature 17 of the most useful Chrome extensions for designers and developers. Hopefully in time the selection and quality of Chrome extensions will be able to rival those of Firefox.

Speed Tracer

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).

Speed Tracer

Firebug Lite

Firebug Lite is a tool for web developers, that allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Firebug Lite


Pendule displays linked and embedded style sheets of the current page in a new tab. It reloads the style sheets for the current page on the fly, so you don’t have to reload the whole page for each change, and also disables CSS for the current page.


Eye Dropper

Eye Dropper and Color Picker extension which allows you to pick color from any webpage or from advanced color picker.

Eye Dropper

Aviary Screen Capture

With Aviary Screen Capture you can take a screenshot of any webpage and edit it directly in your browser with Aviary.com applications. Plus convenient access to the Aviary website and tools.

Aviary Screen Capture


PlainClothes styles — or rather “unstyles” — the web. Just imagine: text is black, backgrounds are white, unread links are blue, visited links are purple, all links are underlined. Or any other colors you like. And all text is rendered in your default fonts (as defined in “Options” > “Under the Hood” > “Change font and language settings”). Everywhere. Automatically.


Chrome Sniffer

Chrome Sniffer will help web developers to inspect web framework / CMS and javascript libraries running on websites while browsing. An icon will appear on the address bar indicating the detected framework.

Chrome Sniffer

Lorem Ipsum Generator

The Lorem Ipsum Generator extension creates random dummy “Lorem Ipsum” text.

Lorem Ipsum Generator

Chrome SEO

The Google Chrome SEO Extension provides easy access to Search Engine Optimization Tools that can help you with Competitive Analysis, Keyword Research, Backlink Checks, PageRank Checks and other daily SEO tasks.

Chrome SEO

IE Tab

IE Tab will allow you to use Internet Explorer to display web pages in a Chrome tab. Some sites can only be displayed using IE, and with this extension you can now see those sites without leaving Chrome. Great for web developers who want to test the IE rendering engine, users who use sites with ActiveX controls, and users who want to use the explorer view for local files (i.e. file:// URLs).

IE Tab

Resolution Test

Resolution Test is an extension for developers to test web pages in different screen resolutions, with an option to define your own resolutions.

Resolution Test


With MeasureIt! you can draw out a ruler that will help you get the pixel width and height of any elements on a webpage.



Validity can be used to quickly validate your HTML documents from the address bar. Just click the icon in the address bar to validate the current document without leaving the page. The number of validation errors can be seen in the tool tip.



Snippy allows you to grab snippets of web pages and save them for future use. Snippy capture rich contents and preserves formatting, so you can capture paragraphs, images, links and more.


META SEO Inspector

META SEO Inspector can be useful to inspect the meta data found inside web pages, usually not visible while browsing.

META SEO Inspector


LastPass is a free online password manager and Form Filler that makes your web browsing easier and more secure.


Google Tasks

The Google Tasks extension allows you to access Google Tasks from any web page at any time. Great for just jotting something down or checking your agenda.

Google Tasks

For more design resources please see:

Stephen Snell is the owner and editor of Vandelay Design, a popular design blog.
  1. February 15, 2010

    great roundup! Featured at http://zachkrasner.com !

  2. Julian
    February 15, 2010

    Great line-up. Definitely bookmarking!

  3. February 15, 2010

    Great list, I had to grab a few, they’ll for sure come in handy when I need to make changes to my site.

  4. February 16, 2010

    Install Speed Tracer (by Google) ?

    This extension will have full access to your computer and private data.


    I couldn’t believe what I saw. It’s the first extension that wants such permissions. Can’t have that! Pity, because it looked really nice…

  5. February 16, 2010

    I fully switched over to Chrome about a month ago and I am loving all the new extensions coming out. I still miss Firebug, but thats about it.

  6. February 16, 2010

    Thank you for a great list of extensions.
    Firebug being one of my favourite tools.

  7. February 16, 2010

    You made my day.. Awesome List.. I have been using extension only in Firefox. By the lunch of Extension for Chrome is making my surfing even better.

    thanks for the mega list…

  8. prafuitu
    February 16, 2010

    I’d like to recommend you my alternative to “Resolution Test”: that’s “Window Resizer”

    Some of the features that (I like to think) makes it better than the other, is the ability to add your own customized resolution presets and the option to resize either the entire window or just the viewport.

  9. February 16, 2010

    Great list!! I love Chrome and have been using it more and more (as I am looking forward the implementation of the ChromeOS). But I find myself going back to FireFox for work as it has all the add-ons that I have come to depend on day-in/day-out. A decent-sized chunk of that is covered here – so maybe I’ll be using Chrome more often now.

  10. February 16, 2010


    link is broken, check it.

    Installed EyeDropper to my collection.

  11. DD
    February 16, 2010

    Two extensions – Measure It, and Validity – indicate on the install that they will allow access to my browsing history and private webstie data.

    I will NOT be using any of these extensions if I have to give up this privacy!

  12. February 16, 2010

    Thanks for pointing that out. I fixed the link for Validity.

  13. February 16, 2010

    Awesome. Thank you

  14. February 16, 2010

    Greatest hints, thanks a lot.
    Mary Jo Zilveti

  15. February 17, 2010

    Great collection of extensions. A lot of these look like they will be very useful for me, especially the SEO ones. I will definitely have to try them out and see how they compare to the Firefox extensions. Thanks for sharing.

  16. February 17, 2010

    Excellent. Thank you.

  17. February 17, 2010

    Great collection dude !

  18. February 18, 2010

    nice post, very helpful, thanks

  19. February 19, 2010

    Thanks for these, loving chrome for browsing at the moment, prob love it even more if i can use it for developing 🙂

  20. February 22, 2010

    I also recommend seomator seo for chrome toolbar


  21. Helen K.
    February 26, 2010

    I think you’d like this one fresh-released extension for Chrome (SeoQuake 0.7.7 release from 02.24): https://chrome.google.com/extensions/detail/akdgnmcogleenhbclghghlkkdndkjdjc

  22. Vowani
    May 2, 2010

    “Link Icon” is another very useful extension. It displays an icon next to your cursor when hovering a link, indicating the type of linktarget. The extension supports various indicators.


    Currently (May 2010), the extension supports the indicators below:
    * Windows: Link will open a new window/tab
    * Protocols: ftp://, mailto:, irc://, aim://, file://, magnet:
    * Scripts: javascript: links, onclick attribute
    * Hosts: Link to Gmail
    * File types: Applications, Music, Word Documents, Images, Java Applets & files, Javascript, PDF, Presentations, Registry files, Torrents, Text files, Spreadsheets, Google Chrome Extensions, Archives, User scripts, Videos (including Quicktime, Real)
    * Security: Going to a secured webpage, Leaving a secured webpage
    * External: Leaving the website (has some limitations)

  23. August 8, 2010

    You made my day.. Awesome List.. I have been using extension only in Firefox. By the lunch of Extension for Chrome is making my surfing even better.

  24. Allowe
    September 13, 2010

    Great App, Piano Keyboard:

  25. October 18, 2010

    I also use MeasureIt. It’s a great tool.

  26. October 26, 2010

    I’ll add WordPress stats for chrome at https://chrome.google.com/extensions/detail/kfkplpbeijhlpnlccijpjpggabgmbopg

    A real time saver 🙂

  27. Pit
    February 12, 2011

    A nice colorPicker / eye dropper / DOM manipulation tool as Google Chrome extension:


  28. smtech
    February 21, 2011

    New website for Chrome Extensions Developers !!

    The Service we give:
    – we give developers few lines of code to add to their chrome extensions and by that to start making money from affiliate coupons commissions.

    – like AdSense only for Chrome Extensions!

    – our users will be able to see full reports on how many active users they have and how much money they make every day.

    – We give each new customer 15$ to his account upon registration.

  29. March 3, 2011

    “Adblock Plus” is now available for Google Chrome and can be downloaded from https://chrome.google.com/extensions/detail/cfhdojbkjhnklbpkdaibdccddilifddb

  30. March 12, 2011

    Thank you for the great list

  31. Sergey
    March 22, 2011

    See also:

    PHP Console – Display PHP errors/debugs in Google Chrome console or by notification popups:

    JavaScript Errors Notifier – Notify about JavaScript errors by icon in address bar:

  32. Joe
    April 12, 2011

    WebRank SEO provides Google Pagerank, Alexa, Compete and Quantcast Rank, pages indexed and backlinks in Google, Bing and Yahoo. It also provides whois information and traffic graphs for the domain.

  33. May 15, 2011

    Thanks for the excellent list.

    Man I wish they made the full Firebug extension for Chrome. Chrome has replaced Firefox on my machine, except for instances when I need to use Firebug. It’s the only thing beyond browser testing that keeps me from being 100% Chrome.

Leave a Reply

Your email address will not be published. Required fields are marked *

20+ Design Blogs that Release Quality Freebies