Using the Web Developers Toolbar To Troubleshoot CSS – Video Tutorial

Very quick video today showing the basics of how to use the web developers tool bar to identify troublesome CSS issues. This one is for Mandy who left a comment asking how to identify problematic CSS when Joomla extensions are calling additional style sheets. The quick tip shown should help.

Get the Flash Player to see the wordTube Media Player.

Web developers tool bar can be found at https://addons.mozilla.org/en-US/firefox/addon/60

You also need FireFox http://www.mozilla.com/en-US/firefox/personal.html

4 Comments

 Add your comment
  1. Thank you sooo much. I have actually used the web developer toolbar before – once – earlier today, actually :) but I used edit css rather than view css, so I got to see all the css rather than just the bit that was relevant. This should be so useful, I’ll get stuck into trying it out tomorrow for sure.

    Thanks, Mandy

  2. I used this side-by-side with Firebug. Firebug offers on-the-fly css changes (I am sure you are aware of that) and some of functions like display ruler is not in Firebug which makes me used both at the same time for different tools offered by both.

    Wonder why aren’t you screencasting firebug instead? Anyway been liking all your video tuts, keep on making it Bear!

  3. Thank you sooo much. I have actually used the web developer toolbar before – once – earlier today, actually :) but I used edit css rather than view css, so I got to see all the css rather than just the bit that was relevant. This should be so useful, I’ll get stuck into trying it out tomorrow for sure.

    Thanks, Mandy

  4. Thanks very much for this, Ive been using this toolbar for a while and I didnt know this feature was here! this is going to make my work alllllllooooooot faster!

    I picked a kiwi accent, GO ALL BLACKS!!!!

Leave a Comment

Your email address will not be published.