What is Firebug

If Firefox is your internet browser and you are working with it, you had to heard Firebug, Firebug is a web development tool and add-ons for Firefox that aids the debugging, editing, and monitoring of website’s resources such as CSS, HTML, DOM, XHR, and JavaScript live in any web page, Also you can monitor network activity, execute JavaScript on the fly, logging for JavaScript and Firebug allows to view and manage cookies in your browser.
You can download Firebug here

firebug

Useful Google Chrome Plugins for Web Developers

Nowadays Google chrome is one of the best internet browser and is used by majority of developers, With endless number of add-on’s, the speed and resources in which Chrome runs makes Google Chrome unique, Today I want to introduce some of the useful plugins I use them everyday.

1. Measure It:
Measure It, draws out a ruler that will help you get the pixel width and height of any elements on a webpage.

Measure-It

 

2. Window Resizer:

Window resizer, resizes your window in your desired pixel rates you want to see your window in that size.

window-resizer

 

3. Inline Code Finder:
Inline Code Finder, traverses through all elements in a web page, and when it finds a HTML element with Inline JavaScript events, Inline style and javascript: links, it will highlight them.

Inline-Code-Finder

 

4. Page load time:

Page Load time, This extension measures page load time and displays it in the toolbar. Web Timing API is used for precise measurement.

page_load

 

5. Web Developer:

The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.

web-developer