Joomla templates customization with Firebug addon

Posted by on in Website Development Tutorials
  • Font size: Larger Smaller
  • Hits: 53615



Copyright All rights reserved by Julian Schrader on Flickr Photo

If you are the web developer and working with Joomla templates, it is likely that you know a lot about Firebug. For would-be or non web developers, the word Firebug might sound familiar to you even though you have never used it before.

Till now, this plugin has been a widely-used web development tool thanks to its outstanding features in joomla templates customization. Not only web developers but also other people can find the addon helpful for building a simple and stable website.

In this post, I will clarify what Firebug is and how it is helping thousands of web developers around the world and even non tech folks archive the best results in their work.

What is Firebug?

Firebug is a free add-on integrated in Mozilla Firefox web browser. It is considered "the most popular and powerful web development tool" today. Web developers use the tool to inspect HTML, CSS and JavaScript elements quickly on the web page, also they can see the live changes made on those elements in real-time.

There is another add-on called Firebug Lite to use in other web browsers like Chrome. However, that will be another story. This article covers aspects of the plugin for Firefox browser only.

How can Firebug help you in the template customization?

As I did research, I found out many people wrote about Firebug tutorials and how it helps them save their time and effort in work. Here I give you some in-depth articles about its usage written by experienced web developers over the world. These articles will certainly give you a better understanding about the usability of this cool tool.

10 Reasons Why You Should Be Using Firebug: The author writes about ten most outstanding features used widely by web developers.

How to debug Firebug: An overview about this tool frequently used by developers. Easy to understand!

Firebug Plugin for Mozzila Firefox: The wiki page not only gives an overall look about this plugin but also quick tutorials about its two main functions – Collecting information and Manipulating websites.

Using Commandline API in Firebug: This is a thorough instruction about Commandline feature. This feature might sound new to you, but it is really a helpful one. Read on!

How Firebug helps you design your blog: The author shows a quick tutorial about designing a blog with the tool. The article includes simple steps and thorough instructions that everyone, even non-coders, can understand and follow.

Using Firebug with your Joomla websites: Firebug is proved to perform excellently in Joomla! powered websites. Joomla! documentations have a particular part for the tutorials used with Joomla! CMS, which has made easy for many people to customize Joomla templates. I think you will like to check it out!

How to use Firebug for CSS: A short video dedicated to the beginners. This is a good video, in my opinion, as it covers nearly all aspects of the tool within only six minutes. And this video is a visual solution for lazy reader as well.

Firebug Guide for Web Designers: Great article explainning how designers can use Firebug from inspecting layout to editing HTML on the fly.

When I go ask some web developers what they think about this great Firefox addon, most of them have the same answer: "Firebug is an inevitable tool for me". If you want to become a web developer, other web developers and I give this tool the highest recommendation. If you are not a web developer, you should still try it out; it will work out for sure and help you to modify the joomla templates.

Updated by Jan 5, 2012. This video tutorial will show you how to customize Joomla Templates with Firebug. The video is recorded by JoomlaShine Team.

And now your turn! What do you think about this? Let your opinion be widely known by leaving them here.

Rated 4 stars based on 45 votes
Rate this blog entry:


  • Marco Poet
    Marco Poet Tuesday, 08 November 2011

    These joomla templates customization are really helpful.

    Reply Cancel
  • huyennt
    huyennt Wednesday, 09 November 2011

    Thank you for your nice words! :-)

  • Marco Poet
    Marco Wednesday, 11 January 2012

    actually i am using joomla website but i could not update into my college site. it is getting updated in joomla 1.5 but it is not updating in joomla 1.5............. please help me with this

  • Marco Poet
    Marco Poet Friday, 17 August 2012

    I can't imagine my day without firebug, it makes pros out of newbies

    Reply Cancel
  • Marco Poet
    Marco Poet Monday, 27 August 2012

    firebug is great tool, but i prefer google chrome's feature of website inspection. :)

  • huyennt
    huyennt Tuesday, 28 August 2012

    Could you explain why, Alex? :)

  • Guest
    Alex Saturday, 07 September 2013

    Well actually firefox doesnt seems too fast for me & a little bit complicated too as compared to chrome, so i always prefer chrome. Thanks

    Reply Cancel
  • Guest
    site design Thursday, 24 April 2014

    I like your posts.thaks a lot

  • Guest
    graphic Idea Sunday, 29 June 2014

    firebug is great tool. very useful for RTL Language

  • Guest
    webdesign Tuesday, 05 August 2014

    firebug is best addon for web developers....

Leave your comment

Guest Tuesday, 23 September 2014
Go to top