In the past two years Google Chrome has become a very popular and highly regarded web browser due to its ease of use, speed and reliability.  The browser race these days is between Chrome and Firefox, leaving IE far behind in every category.

The streamlined style Chrome makes it very often the browser of choice for web designers and developers who want quick, easy access to the web and are not interested in load times and bloated browsers taking minutes to open.  Taking a cue from Firefox, Chrome has a large suite of ever growing extensions, giving you the ability to add more features to the browser.

This is perhaps the most important feature in Google Chrome.  You will have the ability to run diagnostics, edit code and transfer important files to your android phones all based on the open platform of Google’s public APIs.

Today lets take a look at some of the best Chrome Extensions for Web Designers and Developers and let me know which extensions and browser you like best.

AppJump App Launcher

Chrome extension that allows you to locate and launch your applications and other extensions quickly from a drop down menu on your toolbar.

Mail Checker

Extension allows you to easily manage your Gmail accounts

• Mail preview window, read mail without leaving the current tab
• Delete, archive, spam, star and mark as read functionality
• Desktop and sound notifications when new mail arrives
• Support for multiple Google and Google Apps accounts
• Mailto-links open in your Gmail or Google Apps Mail account
• Monitor all your labels or priority inbox

Firebug Lite

Firebug Lite works along side Chrome Development Tools to enable developers to inspect and edit HTML and DOM elements. It also allows you to debug with ease. Firebug Lite is actually a JavaScript file that acts like the original Firebug once inserted into a web page.

Internet Explorer Tab

Open an IE window directly in Chrome

Color Picker

Color Generator is a simple color extension for Chrome that allows you to Quickly generate colors using a custom color popup.  Also you can adjust and preview existing color codes.

Picnik

Comes with a complete set of tools from basic fixes to professional quality effects and cosmetic touch ups. Picnik connects right to all your favorite photo sharing sites like Facebook, Picasa Web, Flickr, Photobucket

Image Properties Context Menu

Provides information on all things related to a selected image. Find both the location and the source of an image along with the image’s dimensions and file size. A feature that is somehow not included in the Chrome browser.

goo.gl URL Shortener

goo.gl url shortener is an extension which allows you to shorten the current website URL with the Google URL Shortener service.

Awesome Screenshot

Extension allows you to take snapshots of the whole or partial page. After taking a screenshot, you are able to or underline relevant parts, delete or blur out irrelevant parts and add your comments. You have the option to save to local or upload and receive an image link for sharing.

Pastebin

When you highlight any text in Google Chrome and press the ‘Pastebin’ button, it will automatically paste the selected text into the textarea. When you press submit you will be presented with a unique URL where you can find your pasted text. You can customize the extension via the Options panel.

Resolution Tester

Chrome Sniffer

Now you can check the framework of any website. It locates and displays any known Content Management System (CMS) or Javascript library on a website.

Pendule

Provides extended web developer tools for Chrome. Use this extension with the built-in developer tools, which include view, reload and disable CSS, view JavaScript, forms editing, view, hide and get information about images, color picker, ruler, topographic view, markup validators.

Sketchpad

Sketchpad brings your favorite digital painting tools to the browser with a tool set including paintbrush, texture stamp, and spiral brush.

PHP Code Editor

PHP Code Editor is a web based interface to edit your code.This way you can work on your project now matter where in the world you are, or on which computer you are sitting at.

PlainClothes

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.  Quickly deconstruct websites to find errors or find out how they work.

CSS Scan

Inspired by the Firefox Extension CSSViewer, this Chrome extension allows you to easily scan an element’s basic CSS properties without having to delve into the inspector window.

Chroma

Chroma is the straightforward way for picking a color and seeing its shades. It’s perfect for borders, backgrounds, gradients or just playing with colors.

Chrome Pallete

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

Search by Image

This extension allows you to find a specific image on different websites. With Search by Image, you also have the option to find similar images.

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.

Awesome Screenshot

Capture the whole page or any portion, annotate it with rectangles, circles, arrows, lines and text, one-click upload to share.

What Font

Simply hover over a text and find the font in use. Not only will this extension tell you the name of the font, it also gives font size and color.

Reageren is niet mogelijk