Joomla templates customization with Firebug addon

/ / in Website Development Tutorials
  • Font size: Larger Smaller
  • Hits: 60324
  • Comments



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:
blog comments powered by Disqus