Google Chrome is a wonderful web browser of choice for web designers and web developers. With Google Chrome extensions, you can add more features to the browser to help you with designing, debugging, and working on websites. We share with you the top ten Chrome extensions for designers and developers.

Google Chrome Extensions

Firebug Lite

Firebug Lite is not a substitute for Firebug, or Chrome Developer Tools. It is a tool to be used in conjunction with these tools. Firebug Lite provides the rich visual representation we are used to see in Firebug when it comes to HTML elements, DOM elements, and Box Model shading. It provides also some cool features like inspecting HTML elemements with your mouse, and live editing CSS properties.

IE Tab

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).

Color Picker

Color picker is a full featured color editor which will make your life as a designer easier. It’s easy to use and loads fast, so it’s always there when you need it!

Browse Faster

FastestFox, one of the most popular Firefox extensions with over 10 million users is now available for Chrome!

FastestChrome is easy to use. Simply look at the previews to the right. All features are configurable via options.

Pixlr Grabber

First version of the pupular screen grab tool from Pixlr to Chrome. Grab visible screen, select part or entire page. Share screen to Pixlr imm.io, edit screen in Pixlr editor or save to desktop

Web Developer

The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the popular Web Developer extension for Firefox written by the same person.

Pendule

Extended web developer tools for Chrome.
Use this extension in addition to the built-in Developer Tools (Ctrl+Shift+I).

Resolution Test

Resolution Test changes the size of the browser window for developers to preview their websites in different screen resolutions. It includes a list of commonly used resolutions and the ability to customise that list. It also gives users the option to turn on Google Browser Size, more info on that here – http://browsersize.googlelabs.com/

Image Cropper

This extension help you to crop any images on the fly.
It’s especially useful when you need to crop your online album photo for IM thumbnail.

SEO Site Tools

“The SEO Tool That May Make You Switch to Google Chrome” and http://j.mp/SeoMoz this tool is the most comprehensive SEO Tool on any browser… not only does it pull more metircs from more sources, including social media reactions, it also enhances common tools like Yahoo Site Explorer and Google Webmaster tools with links anchor text and pagerank.

Web2PDFConverter

Convert any website to PDF document with this incredible Web to PDF online converter http://www.web2pdfconvert.com/.

Webpage Screenshot

Fast&Simple extension to capture the whole webpage. Even long pages are saved in one image file.

WebEdit

Very fun extension, can be used to edit any webpage!! Just press F12 on any http:// webpage, and edit text and delete things like photos, and embed elements. You can even delete a YouTube video off a page! Once you’ve had your fun, just press F2 to turn off edit mode, for a convincing looking defaced webpage. *Note changes are not permanent, once you refresh, they will go away. Trick anybody into thinking you’re a hacker! WebEdit is running all the time, so whenever you want to start, just hit F12.

jQuery Shell

jQuery Shell allows you to run JavaScript and jQuery 1.4.2 commands in the context of the current web page. It is simple tool to use when experimenting with / learning JavaScript and jQuery commands.

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).

Lorem Ipsum Generator

Chrome Extension that generates random “Lorem Ipsum” text.

PlainClothes

This extension 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 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.

Validity

Validity can be used to quickly validate your HTML documents from the address bar.

MeasureIt!

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

LastPass

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

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.

Eye Dropper

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

Chromed Bird

Chromed Bird is an awesome Twitter client extension for Google Chrome with lots of features.

RSS Subscription

This extension auto-detects RSS feeds on the page you are reading and upon finding one will display an RSS icon in the Omnibox, allowing you to click on it to preview the feed content and subscribe.

Aviary Screen Capture

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.