sendesignz

Google Chrome Extensions Web Developer Should Know

Google chrome web browser is growing fast in web browser family. It is producing more useful extensions. Many of these extensions can help in your web delopment work and enable your life more easier and faster. Today we are going to see some extensions a web developer should know.

 

Speed Tracer

Speed Tracer is a extension 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. Using Speed Tracer you are able to get a better picture of where time is being spent in your application.

Web Developer

The Web Developer extension adds a toolbar button to the browser with various web developer tools.It is inspecting HTML elements, CSS Style Rules, Validating tool suit to validate the site, Resize the window in verious resolution using resize and much more. This extension is very helpful for web developer.

jsshell

jsshell is a small command window placed at the bottom of your Chrome browser that lets you run jQuery and jLinq commands. It’s a great extension for learning and experimenting with jQuery.

PHP documentation - PHP.net

This is a good tool for php function lookup.


CSSViewer

CSSViewer is good tool for view the CSS styles in your website. When you hover the mouse pointer on the element it will show the CSS style for that element.


Firebug Lite

Firebug Lite for Google Chrome. This is most popular add on among web developers. Firebug was developed as a Firefox add on, not like Firefox add on this chrome version works quit basic inspection of elements.


PlainClothes

PlainClothes is a tool to see your website without CSS Styles. One of the best ways to evaluate the website accessibility, to remove the CSS styles and see weather the content is redable without them. This tool help you to evaluate the website without CSS Styles.


Window Resizer

Widow Resizer extension is to test your website in different screen resolution. This tool has an option to define your own resolution. This is very helpful when you do web design in a different resolutions.

Leave your comments

Post comment as a guest

0
terms and condition.
  • No comments found