HTML Validator Firefox Extension With HTML Tidy

One of my favorite Firefox extensions for web design is the HTML Validator extension. I've mentioned it about a year ago on my Firefox web design extensions page, but this post covers it in more detail.

HTML Warnings and Errors in the Firefox Status Bar

The HTML Validator extension offers status bar messages about HTML errors and warnings on each page that you view:

Expanded Options and Views for "View Source" in Firefox

One you view source (Ctrl-u), you will see that the view source window is now divided into three main sections:

A List of HTML Errors and Warnings

The bottom left pane shows a list of HTML errors and warnings. Double clicking on the warnings will highlight that section of HTML in the top pane:

Firefox Offering Suggestions on How to Fix the HTML

The bottom right pane shows messages about HTML errors and warnings, with suggestions on how to fix them. Also notice the two buttons on the bottom right:

HTML Tidy and Firefox

Clicking on the button labeled "Clean up the page..." will show the following window which shows the cleaned up HTML, the orginal HTML, as well as browser views of each. There are many options that you can set to control how HTML Tidy will clean up the HTML.

HTML Validator Firefox Extension

I highly recommend this Firefox extension for Web designers. You can download it here.