20+ Google Chrome Extensions for Designers & Developers

99 Flares Twitter 31 Facebook 11 Google+ 0 StumbleUpon 57 Pin It Share 0 99 Flares ×

No doubt, Chrome is a new web browser but it has made its position in short span of time. The arrival of Google Chrome in late 2008 made web developers and designers to consider switching from Firefox, their industry standard browser to Chrome. Now it is recognized as No. 3 browser after Firefox, IE. It is a fact that it does not offer as much add ons and extensions for Designers and Developers. But still it provides good deal of limited add-ons for designers and developers.

In this post we’ll feature 20+ of the most useful Chrome extensions for designers and developers.

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.

Pendule


It displays linked and embedded style sheets of the current page in a new tab. It reloads the style sheets for the current page on the fly, so you don’t have to reload the whole page for each change, and also disables CSS for the current page.

Eye Dropper


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

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 as well as a custom option for you to input your own. It also gives users the option to turn on Google Browser Size.

Aviary Screen Capture


With Aviary Screen Capture you can 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. This quick screen capture addon is a must-have for bloggers and designers alike! It will perform a screen capture of the visible portion of any webpage and then open the capture INSTANTLY in a basic image editor where you can do markup (draw arrows and rectangles), edit (crop, rotate and resize) and get the exact pixel colors of the image.

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.

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

Validity


Validity can be used to quickly validate your HTML documents from the address bar. Validity also gives you the option to use your own installation of the W3C Validation Service.

iMacros for Chrome


iMacros was designed to automate the most repetitious tasks on the web. If there’s an activity you have to do repeatedly, just record it in iMacros. The next time you need to do it, the entire macro will run at the click of a button! With iMacros, you can quickly and easily fill out web forms, remember passwords, create a webmail notifier, and more.

Measure It!


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

Picnik Extension for Chrome


The Picnik Extension for Chrome lets you 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. Do the same for all the image on the current page — just pick the image from the dynamic hot list and then edit, annotate and share with Picnik.

Snippy


Snippy allows you to grab snippets of web pages, save them for future use and upload them to Google Docs. Snippy capture rich contents and preserves formatting, so you can capture paragraphs, images, links and more.

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!

Pixlr Grabber


Grab visible screen, select part or entire page. Share screen to Pixlr imm.io, edit screen in Pixlr editor or save to desktop. This is one of the few who can capture the entire screen, however since Chrome just supports canvas in png the images created gets quite large and takes a while to process.

Built With


BuiltWith is a web site profiler tool. Upon looking up a page, BuiltWith returns all the technologies it can find on the page. BuiltWith’s goal is to help developers, researchers and designers find out what technologies pages are using which may help them to decide what technologies to implement themselves.

Flash Block


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.

Plain Clothes


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.

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.

  • Crop images in img html element
  • Crop css background images for any html element
  • Cropped Image is in PNG format
  • Right click on top of the selection to “save as” the cropped image

Chrome Flags


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.

Frame Two Pages


Once you click at the extension’s icon, the current tab will be merged with the previous one (on the left) into a frameset with two columns (frames) or rows (options offer 3 buttons: rows/columns/ad_hoc). They’ll be ordered in the same way as the tabs (left, right). In other words, your physical screen will be split into two areas.

Session Buddy


Session Buddy is a flexible session manager extension for Google Chrome that allows you to quickly save and restore session tabs.

  • View all of the tabs in each window of a current or saved session
  • Assess easily whether a displayed session has changed
  • Save the current session with 2 clicks
  • Restore sessions into a set of windows, a single window, or the current window
  • Access automatically-saved crash recovery sessions after a Chrome or OS crash
  • Optionally automatically save the previous session
  • Edit sessions by deleting individual windows/tabs or rolling tabs into a single window
  • Import a list of URLs
  • Export a session to text or CSV format (more formats in development)
  • Control what types of tabs Session Buddy recognizes

Hope you liked our post. Social bookmarking and comments are welcome as ever.

Comments
  1. Burl Bogatay

Leave a Reply

Your email address will not be published. Required fields are marked *

 

GET A QUOTE

Get a Quote from Top Web Agency in the World

  • *
  • *
  • *
  • *
  • NOTE: All (*) fields are mandatory.
  • *

    Enter the characters that are displayed in the image on left. They are case sensitive!