RocketTheme

Hello All,

We have produced video tutorials on how to use Firebug http://getfirebug.com

Firebug is a web development tool for Firefox. It allows you to manipulate HTML, CSS and much more LIVE on your website. It allows you to solve your problems 10x faster than without. It is the tool that we, the support staff, use in solved the majority of your issues.

- Quickly edit some HTML to see how it will look
- Inspect elements to find it CSS
- Change the CSS and observe the change
- Identify the causes of javascript errors

And much much more...

• Editng HTML live with Firebug (http://tutorials.rockettheme.com/video/firebug/firebug-html-tab.html)
  
• Solving Javascript errors with Firebug (http://tutorials.rockettheme.com/video/firebug/firebug-javascript-errors.html)
  
• Changing the Logo with  Firebug (http://tutorials.rockettheme.com/video/firebug/firebug-logo-changes.html)
  

I hope these are useful :)

Great job James!

Nice job man.  Love them!

Great job on the videotuts James, always very helpfull. Firebug is one of the latest and greatest usefull tool made available along with FF webdev toolbar.
I still have a question on the JS demo. Lots of people here seem to have problems with conflicting java-scripts. No surprise there for me anyway and you always make sure to ask the important question in that direction. However, in the firebug tutorial on JS errors you simply state that there is a conflicting js being loaded together with mootools, but without elaborating on it.

Can you in any way shed some more light on the js conflicts, and what to look for?

Thats because its actually quite difficult as Firebug doesn't actually say, A is conflicting with B and B comes from C etc... You generally have to use past experience to really determine that.

I know that mootools is a library and conflicts with jquery and prototype. Therefore, if I see references to both, I know the problem.