CSS Validation

It is imperative that you validate your CSS...

[pageoneresults]

There are many CSS topics that are discussed on a daily basis here at WebmasterWorld. Some of those topics deal with CSS issues that may be solved through validation. For example, missing semi-colons, incorrect closing brackets, invalid properties, incorrect values, etc.

Over the years I've learned the best way to develop both HTML/XHMTL and CSS, is to keep the W3C Referrer Links on my pages during development and even thereafter.

There are two referrer links that I use...

HTML Validation
[validator.w3.org...]

CSS Validation
[jigsaw.w3.org...]

I'll include those links in a footer include either in plain text or I'll sport the W3C Icons and link those.

Using the referrer link allows you to validate that specific page on the fly at the browser level. Anytime you make changes to a page, click those two links at the browser level and validate the changes.

Lately I've been working with XHMTL 1.1. Initially during a CSS validation on a new site, I ran into an I/O error. That error did not appear during an HTML/XHMTL validation. But, when I went to validate the CSS, the I/O error appeared. It was due to a character entity that my editor generated for the © symbol. After changing the © to another entity, everything validated just fine.

Remember, it is imperative that you validate your CSS and HTML/XHTML. It is a very simple process and one that you will come to appreciate very quickly. ;)

References

• W3C HTML/XHTML Validation [validator.w3.org]
  
• W3C CSS Validation [jigsaw.w3.org]
  
• WDG Validation [htmlhelp.com] (up to 50 pages at once)
  
• W3C Logos and Icons [w3.org]

[vkaryl]

Be nice if they'd sticky this. It's so extremely important that I tend to think it cannot be repeated enough!

[Llama]

I never thought of putting one of those links on for anything besides just showing your page is validated. Great idea. Thanks, this'll really help me keep my sites and pages clean of bad coding.

[encyclo]

A quick way of validating any page which is online is to use Favelets, which are snippets of Javascript that you keep saved as Favorites/Bookmarks. Here are some for the w3.org validators:

[validator.w3.org...]

Drag the links to your favorites, then when you're on the page you want to validate, select the appropriate favelet and hey presto!, the validator checks the page!

[RammsteinNicCage]

Or if you use Opera, you can install the W3dev menu [goddamn.co.uk]. :)

Jennifer