We have produced video tutorials on how to use Firebug
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
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.
I do. And, watch videos all the time... It is odd. I get only the bottom bar, no picture and I can hear you just fine. I've tried in both FF and IE. Don't worry about this... I'll try a few things and see if I can figure it out. It's a first. Again, just odd.
i have downloaded and used firebug since the day i saw it mentioned here in the forum and find it very useful.
but i havent read or watched any tutorials until today. they are really good and i learnt many new things i didnt know!