Top 10 Must have Google Chrome add-ons for developers

Google Chrome is one of the most popular browsers today. Even I am also a big fan of it for keeping in mind the features it provides and the variety of extensions or more commonly the add-ons for making the development and designing job much simpler than before.

Some of these extensions worked even better than expected results. Here I am posting a list of top 10 Google Chrome add-ons for developers that worked great for me.

1--> Pendule

Pendule

Pendule is one of the most wanted chrome add-on for developers and is very much similar to the web developer tool of Firefox. It is best to work with forms, style-sheets, Html, images and have a vast collection of some really good developing tools for picking color, ruler etc.

2--> MeasureIt

MeasureIt

This is basically similar to the very famous Mozilla Firefox add-on MeasureIt, which is now made available for Chrome users also for measurement purposes.

It allows you to sketch a ruler across a web-page so as to measure the factors like height, width and alignment of the elements present on the webpage.

3--> Snippy

Snippy

Snippy is a wonderful add-on for chrome users for taking the snippets of almost any webpage and lets you save them for future use. Also it has strong integration with Google Docs facilitating you to upload and save those snippets to Google Docs. It would really make it much easier for you to save whatever you like on web and can use it anytime from anywhere from your Google Docs account.

4--> Speed Tracer

Speed Tracer 

Speed Tracer, as the name suggests is a powerful and helpful Chrome extension for developers to keep a check on the performance of the web applications they use. It discovers the issues caused by CSS style elements, DOM event management, JavaScript parsing & execution etc. This tool would also help you fix the issue related to the speed of the web pages.

5--> Firebug Lite

Firebug

At first instance, Firebug Lite seems an alternative to the Firebug but it’s somewhat different. It offers the visual representation feature just like Firebug for DOM and HTML elements etc. Along with this, it also adds some more features to the list such as live editing of Cascading Style Sheets or CSS, keeping a check on HTML elements and a lot more.

6--> Picnik

Picnik

Picnik is a very well known image editing service for editing the photos. Most of the users especially designers and developers use Picnik very frequently. To make uploading and editing photos easy to Picnic, Chrome has made available this add-on. You can simply take a snapshot of any webpage while surfing the web and can perform editing on these snapshots immediately. It supports many image formats like gif, jpg, png, tiff, bmp etc.

7--> Resolution Test

Resolution Test

Resolution Test is a tool for Chrome users to test the website pages against a number of diverse screen resolutions. Although the tool contains a list of pre-defined and most commonly used screen resolutions but its customization feature let you customize the resolution as per your requirements. Also you can turn on the Google Browser Size using this great Chrome extension.

8--> PHP Code Editor

PHP Code Editor

This plug-in is one of the best extensions in Chrome add-ons list. It offers you the web interface that can be used for editing your code.

The best part of this plug-in is that you can now work on your project from anywhere in the world using any computer.

9--> Csscan

Csscan

Csscan is a true friend for most of the developers who are using Chrome, as it really simplifies their task by offering the overview of all CSS properties and attributes of the elements on which you would focus the mouse. So if anytime you need to look into the properties of an element with this tool, simply place your mouse over that element.

10--> Eye Dropper

Eye Dropper

Eye Dropper is an add-on basically designed for developers and designers to allow them picking any color from across the web. It can really make web designing very easy by letting you use any color without need to create the custom color manually for the same.



This is just a glimpse of the wide array of Google Chrome extensions but the list contains the names which personally proved a boon for me in many different ways. As I already said, I am a big fan of Chrome developers add-ons and I am sure you would also believe it after using these extensions.

Author bio : 

Saif is web designer at Web Design Company in Austin. Get a quote about web design from us now !