Propeople Blog

A regular dose of fresh news, events, products, Drupal development resources and more.

June 2, 2010

A Complete Collection of Chrome Extensions for Designers

Google Chrome is probably the fastest growing web browser at this day. It gains more and more popularity among Web Developers and Web Designers in an impressive amount of time.

That is the main reason why we have considered appropriate to present you a stunning collection of twenty useful Google Chrome extensions for Web Designers. Enjoy!

Picnik Extension for Chrome

Picnik Extension for Chrome

With the Picnik Extension for Chrome you can easily edit the images you come across while browsing the web. With a click you can create a snapshot of your current web page and open it in Picnik for easy editing, annotation and sharing. give it a try

Eye Dropper

Eye Dropper

Eye Dropper allows you to pick color from any webpage or from it's advanced color picker and use it's hex code for your designs for example. give it a try

CSS Viewer

CSS Viewer

CSSViewer shows the css parameters of any element you want in a web page. give it a try

Measure It

Measure It

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

Aviary Screen Capture

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. give it a try

Instant Image Editor

Instant Image Editor

Instant Image Editor lets you edit any image or background image inside your browser. It has a bunch of useful features and tools to make you feel comfortable editing images. give it a try

Split Screen

Split Screen

Opens a new tab and prompts the user for two URL's, then displays both sites on one page. Great for cross-reference studying and surfing the web in general. give it a try

Webpage Screenshot

Webpage Screenshot

This extension lets you make screenshots of any webpage you like with a single mouse click. It also lets you resize the window before the capture and choose a full page snapshot or just the visible part. give it a try

Resolution Test

Resolution Test

Resolution Test changes the size of the browser window for designers to preview their websites in different screen resolutions. It includes a list of commonly used resolutions as well as a custom option for you to input your own. give it a try

Image Cropper

Image Cropper

With Image Cropper you can easily crop any part of a webpage nice and smooth. It displays the dimension and location of your crops to help you get the size you need. give it a try

Internet Explorer Tab

IE Tab

Some sites can only be displayed using IE, and with this extension you can now see those sites without leaving Chrome. More important is the possibility to test your web designs in Internet Explorer without even opening the actual application. give it a try

Color Picker

Color Picker

Color Picker can quickly get the Hex and RGB values of any color on any web page. Also adjust Hue, Saturation, and Balance as you wish. give it a try

Pixl Grabber

Pixl Grabber

Grab visible screen, select part or entire page. Share screen to Pixlr imm.io, edit screen in Pixlr editor or save to desktop. give it a try

Lorem Ipsum Generator

Lorem Ipsum Generator

Lorem Ipsum Generator is a simple extension which helps you fill up your design mockups with dummy text for presentation purposes. give it a try

Frame Two Pages

Frame Two Pages

Merge the active tab and the previous one into a frameset. In other words, your physical screen will be split into two, or more, areas. give it a try

CSS Scan

CSS Scan

Offers a quick overview of CSS properties to the element the mouse cursor is hovering. Pretty much alike to the CSS Viewer Extension mentioned above. give it a try

CSS Reloader

CSS Reloader

CSS Reloader is an extension that allows you to reload all the CSS of any site without reloading the page itself. Great for designers that value their time. give it a try

Plain Clothes

Plain Clothes

PlainClothes removes all CSS styles on a web page. It takes you back to the stone age of web design. give it a try

Lightshot

Lightshot

LightShot is a tool allowing you to easily make screenshots of any selected area. It is possible to resize and move selection area right in a browser tab without opening any additional applications. That makes the process very simple and easy. give it a try

Slideshow

Slideshow

Turns websites such as Flickr, Picasa, Facebook, and Google Images into a slide show. give it a try

Comment to suggest your favorite Chrome Extensions for Designers. Next week we will release a Complete Collection of Google Chrome extensions for Web Developers. Don't miss a post, subscribe to our RSS feed and follow us on Twitter.

0 Responses to this post

Communicate!