30 Useful Google Chrome Extensions

Although Google Chrome is just a few years old, it has become the browser of choice for most web developers and designers. Chrome’s browsing speed and the huge list of free ad-ons and extensions available make it hard to beat. Today’s collection focuses on Free Extensions powered and offered by Google Chrome, which are highly helpful for web developers. Please have a look and leave a comment if you know any other useful extension we are missing here.

Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox.

PHP Code Editor is a web based interface to edit your code.

The extension automatically blocks flash content on webpages. Each flash element is being replaced with a placeholder that allows you to load only selected elements on a given page.

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.

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.

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

Eye Dropper is open source extension which allows you to pick colors from web pages, color picker and your personal color history.

This Chrome extension allows you to easily scan an element’s basic CSS properties without having to delve into the inspector window.

A JavaScript console for Chrome. Allows you to do simple JS prototyping on any web page. Especially handy for development.

Displays the Google PageRank, Alexa rank and other SEO parameters of any webpage, highlights nofollow links, text density, check and compare urls.

Alexa Traffic Rank is Alexa Internet’s free extension for Chrome, and is the only extension that includes you in Alexa’s traffic panel. The Alexa extension accompanies you as you surf, providing you with Alexa data about the sites you visit without interrupting your browsing.

A powerful tool to personalize web pages on the fly. Can inject custom HTML, JavaScript and CSS to a given web page while it is being loaded by the browser. Very effective as an AdBlocker tool.

Fiabee for Chrome is an app that lets you intuitively manage all your files distributed across your many devices, directly from the web. You can specifically select which files you want to synchronize from your devices and store onto the others.

Write Space is a customizable full-screen text-editor that lives in your web-browser. It is designed to minimize the distractions that come between you and your writing.

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.

Ibrii allows users to snip every type of content found on the internet no matter if it is simple text, a photo, a video or even an embedded object, like streaming audio.

Inline Code Finder is a tool to traverse through all elements in a web page, and when it finds a HTML element with any of these, it will highlight them: Inline JavaScript events, Inline style, javascript: links

The extension displays a country flag indicating the physical location of the websites you’re visiting. The extension also provides access to detailed information regarding the website’s servers, owners, traffic and trustworthiness.

Some websites are still not compatible with standard browsers. Others, such as outlook web access and sharepoint are relying on IE proprietary technology. With this extension you can use those websites directly from Chrome.

Edit any photo on the web without leaving the page with our simple image editor, Feather! Just right-click and select “Edit image in Aviary” for one-click editing.

View selection source in resizable popup. Drag the bottom right corner to resize. Simple, but very useful for web developers.

Copy current page URL to clipboard in various formats. Make HTML link tag easily like Firefox addon Make Link.

Get notified of changes in reputation, responses, revisions, badges & moderator messages, on any StackExchange site

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.

CSS Reloader is a browser extension that allows you to reload CSS without reloading the page itself.You are able to customize the keyboard shortcut under the extensions settings page.

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 and the detail can be seen in the Javascript console.

This extension resizes the browser’s window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.

Create screen capture of visible part, selected area or whole page then you can edit them in pixlr editor or share them to public imm.io. You also get a context menu for pulling down images to pixlr editor.

Extended web developer tools for Chrome. Use this extension in addition to the built-in Developer Tools

Weebly is the easiest way to create a free website, blog, or online store. Using a simple drag & drop interface, build your website in minutes and choose from hundreds of professional designs.