Best Google Chrome Extensions for Designers and Developers

Best Google Chrome Extensions for Designers and Developers

 

Since it’s public release in late 2009, Chrome’s extension gallery has given designers and developers the tools they need to be more productive and diligent. With that said, let us offer you a list of the best and most useful Chrome extensions.

 

Creative Tools

Pixlr Editor

 

Pixlr presents a full featured photo editor direct in your browser.

 

Pixlr Editor

 

Download Pixlr Editor [ here ]

 


 

Pixlr Express

 

Pixlr express is a smooth and modern photo editor, with all the effects, overlays and borders from the popular pixlr-o-matic but with more control.

 

Pixlr Express

 

Download Pixlr Express [ here ]

 


 

Sketchpad

 

Draw, sketch, create with Sketchpad.


Sketchpad

 

Download Sketchpad [ here ]

 


 

Marqueed

 

The best way to discuss images and designs on the web.

 

Marqueed

 

Download Marqueed [ here ]

 


 

Conceptboard

 

Share and discuss your ideas, documents and concepts visually in one place rather than exchanging endless e-mail attachments.

 

Conceptboard

 

Download Conceptboard [ here ]

 


 
 

Developer Tools

Firebug Lite

 

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.

 

Firebug Lite

 

Download Firebug Lite [ here ]

 


 

HTML Validator

 

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

 

HTML Validator

 

Download HTML Validator [ here ]

 


 

Web Developer

 

The Web Developer extension adds a toolbar button to the browser with various web developer tools.

 

Web Developer

 

Download Web Developer [ here ]

 


 

WhatFont

 

The easiest way to identify fonts on web pages.

 

WhatFont

 

Download WhatFont [ here ]

 


 

Font Editor

 

Change and to test different fonts, font sizes and much more on any website.

 

Font Editor

 

Download Font Editor [ here ]

 


 

Stylish

 

Restyle the web with Stylish, a user styles manager by letting you customize web sites such as taking out irrelevant content, changing colors, or completely redesigning the entire site.

 

Stylish

 

Download Stylish [ here ]

 


 

Code Cola

 

Code Cola is a chrome extension for editing online pages’ CSS style visually.

 

Code Cola

 

Download Code Cola [ here ]

 


 

Awesome Screenshot

 

Capture the whole page or any portion, annotate it with rectangles, circles, arrows, lines and text, blur sensitive info, one-click…

 

Awesome Screenshot

 

Download Awesome Screenshot [ here ]

 


 

Print

 

Print the current page you see.

 

Print

 

Download Print [ here ]

 


 

Palette for Chrome

 

Creates a color palette that matches an image from your website.

 

Palette for Chrome

 

Download Palette for Chrome [ here ]

 


 

Rulers, Guides, Eye Dropper and Color Picker

 

For UI developers. Pick any color from webpage using eye-dropper tool; display rulers, guides and grid on the page.

 

Rulers Guides Eye Dropper and Color Picker

 

Download Rulers, Guides, Eye Dropper and Color Picker [ here ]

 


 

ruul. Screen ruler

 

A fantastically simple on-screen ruler for lining up and measuring type, line height, strokes and just about anything on the web.

 

ruul Screen ruler

 

Download ruul. Screen ruler [ here ]

 


 

Browser Compatibility Detector

 

Browser Compatibility Detector detects compatibility issues, covering layout, rendering and Javascript.

 

Browser Compatibility Detector

 

Download Browser Compatibility [ here ]

 


 

SEO & Website Analysis

 

Provides a very deep SEO report for any given website.

 

SEO and Website Analysis

 

Download SEO & Website Analysis [ here ]

 


 

 

Productivity

Evernote Web

 

Use Evernote to save your ideas, experiences and inspirations, then easily access them all at any time from anywhere.

 

Evernote Web

 

Download Evernote Web [ here ]

 


 

Evernote Web Clipper

 

Evernote Web Clipper is the best way to remember all of the great stuff you see online – save the actual web page – text, links, images and all with a single click.

 

Evernote Web Clipper

 

Download Evernote Web Clipper [ here ]

 


 

Pocket

 

When you find something on the web that you want to view later, put it in Pocket.

 

Pocket

 

Download Pocket [ here ]

 


 

Lucidchart: Diagramming

 

The easiest way to draw flowcharts, mockups, UML, mind maps and more.

 

Lucidchart - Diagramming

 

Download Lucidchart: Diagramming [ here ]

 


 

FastestChrome

 

Get quick definitions, auto-load next pages, search faster, and more.

 

FastestChrome

 

Download FastestChrome [ here ]

 


 

Window Resizer

 

Re-size browser window to emulate various screen resolutions. It is particularly useful by helping test layouts on different browser resolutions.

 

Window Resizer

 

Download Window Resizer [ here ]

 


 

Eye Dropper

 

Eye Dropper allows you to pick colors from web pages, color picker and your personal color history.

 

Eye Dropper

 

Download Eye Dropper [ here ]

 


 

Lorem Ipsum Generator

 

Creates random “Lorem Ipsum” text.

 

Lorem Ipsum Generator

 

Download Lorem Ipsum Generator [ here ]