Firefox Web Developer Extensions
Not a tutorial so to speak but more of a list of some of the extensions that are helpful for web developers.
The homepage for the Mozilla Addons site is here.
Due to obvious reasons this will not work in IE.
IE Tab
This allows you to view a page in Firefox rendered as if it was in IE. This can be very handy rather than having to have both applications open. This can also be helpful for your general use of Firefox. If a site you visit doesn't work in Firefox but works in IE then you can set Firefox to render that page in IE.
View Addon Page for this extension
HTML Validator
This shows the validation status of your pages. Whether they are local pages or online pages. They show errors as well as warnings and has a nice GUI.
View Addon Page for this extension
Dummy Lipsum
This can be very useful when you are creating websites. This creates some dummy text for you to use to put on your webpages.
View Addon Page for this extension
Tab Mix Plus
This is just a simple extension that improves the tabs so its more like Internet Explorer 7 tabs.
View Addon Page for this extension
CSS Viewer
This allows you to easily turn on and off the ability to easily see what the CSS used on the page.
View Addon Page for this extension
Web Developer
This adds a menu to Firefox with a lot of different tools for web developers. You can disable all CSS, certain CSS, disable image, and show all the tables, and the table cells as well as a tool to validate the pages by using the check uri referer of the url. Although this does not work for local pages.
View Addon Page for this extension