[FF Addon] Best LIVE Web development Tool – Firebug

Web developping has evolved much and now with advanced CSS, JS and jQuery things have become smoother and faster. But we do need some debugger to test our pages before launching isnt it! As the name suggests Firebug is perhaps one of the best Firefox Addons available for this purpose! With its easy to understand but perfect to use features it is indeed one of the major tool that a web developer may need. Be it editing of Basic HTML or Advanced JS or CSS or even jQuery, Firebug is just a click away to arrange all of them at your hand! Use it to feel the power.

Here are the basic features:

  1. One click Inspect and edit feature: Click on inspect and hover your mouse over any element to get the innerHTML and other functions associated with it. Right click to exit the inspect mode. Simply click on the innerHTML and a small edit box will pop up from which you can edit
  2. Hierarchic view of HTML elements with edit feature: You dont need to inspect all elemnts individually. You can just click on Firebug icon ► HTML and then can see the Hierarchy of the HTML elements used.
  3. Tweak CSS LIVE: Need to change your CSS a little bit to gain more perfection. Well you can do this live! No need to Edit►Save►Review when you can do this live. Simply inspecting an element will give you the style attributes in the CSS tab. Click►Edit►Review►Edit again if you want and enjoy

These are the basic features what a blogger or simple web designers wants. For advanced users there are advanced options like

  1. Visualize CSS metrices
  2. Monitor Network Activities
  3. Debug and Profile Javascripts
  4. Quickly find errors
  5. Explore the DOM
  6. Execute javascript on the fly
  7. Logging of Javascript

Possibilities are endless with this cool addon. Install it and feel the differencewink

HOMEPAGE: http://getfirebug.com/

Location on Mozilla Addon site: https://addons.mozilla.org/firefox/addon/1843 [Install from here]

Official Blog: http://blog.getfirebug.com/

~~The End~~

RATE IT: (1) Sucks (2) Stupid (3) Kewl (4) Rad (5) Wicked

1 Comment

  1. Rajarshi Chakraborty


    My name is Rajarshi Chakraborty, and I am Vice President of Innovation Systems Private Limited, web design and software development Company. We specialize on all areas of custom software development, complete website solution and E-commerce.

    I invite you to look over our portfolio of latest web development projects.
    http://www.invspl.com/portfolio/ or http://www.invsl.com/portfolio.html/

    We also work using Elance.com, Getacoder.com, Getafreelancer.com and Guru.com

    We're looking for business partners who fit in one of the following criterion:

    1. Business consultants who can refer one or more software project(s) to us and earn a percentage of the project(s) revenue.
    2. Individuals who are in charge of purchasing or outsourcing software development for an established organization.
    3. Software development companies who look to outsource their software development work.

    We offer either revenue share or commission based packages for the above eligible candidates
    We are open to discuss with any further business possibilities.

    Looking forward to your reply,

    For Innovation Systems Private Limited.

    Rajarshi Chakraborty.
    Vice President.

    Software Research & Development Centre.
    203, Sarat Bose Road.

    Phone: +91.33.40089512 / +91.33.40089511
    Mobile: +91.9830970585 / +91.9231800482
    Email: rajarshi@invsl.com / innovation.kolkata@gmail.com

    Website: ” target=”_blank”>http://www.invspl.com / ” target=”_blank”>http://www.invsl.com

Comments are closed.