DrewsBox

Sick and tired of the W3C CSS Validator reporting that your CSS is invalid? Ever decided against using a particular framework or plugin because it paints your validation results red? And have you ever removed the Valid CSS link that looked so nice next to your Valid XHTML link because your ashamed of your CSS validation results? Don’t you think it’s time that your CSS 3 efforts be noticed?

CSS 3

New features of CSS 3 can make a huge difference in the look and feel of a design, not to mention, significantly reduce the amount of work it takes to achieve the desired effect. Text shadows and border-radius are built-in to CSS 3. The process of creating these effects without the new features is a tedious and time consuming task requiring the developer to add numerous extra elements to their markup. It’s no wonder CSS 3 has already become very common on the web.

But it IS valid!

As of the time of this writing, the W3C CSS Validation Service is set, by default, to validate against the standards of CSS Level 2.1. This was okay a couple years ago but more and more CSS 3 features are becoming popular in today’s web. Go ahead and show off your Valid CSS 3 by using the same link you would normally use and just add the key-value pair “profile=css3″ to the query string like this:

For a specific URL (swap http://blog.drewsbox.com with your own URL)

http://jigsaw.w3.org/css-validator/validator?uri=http://blog.drewsbox.com&profile=css3

Or by referer

http://jigsaw.w3.org/css-validator/check/referer?profile=css3