-
200704 Jan
Posted in Modules
Some of you might have noticed that this site is not valid CSS, which is of course a tid bit weird for a site as this… There’s a reason for this though. New CSS3 features are often “tested” by browser manufacturers by implementing them as vendor specific extensions. These are allowed by both CSS2.1 and CSS3, yet, the validator does error on them, even when it’s validation profile is set to CSS3.
So what is a vendor specific extension?
A vendor specific extensions can start with a “-” (dash) or a “_” (underscore), usually followed by an abbreviation of the company or the browser project the extension is specific for, f.i. “-moz-” for Mozilla browsers, or “-webkit-” for WebKit based browsers. This vendor specific prefix is followed by the property name. A good example of this is
-webkit-border-radius, or-moz-border-radius.Why is it important to test new properties like this?
For a specification to leave the CR phase and become a final recommendation, it has to have two complete implementations. Without testing it like this, a specification would almost never reach the final recommendation phase. Which is why I think the validator should allow these properties. I have mailed the CSS validator mailing list to ask why this is not happening at the moment.
The two specifications, 2.1 and 3, both have an informative section on the subject as well, listing the known prefixes. These two lists are the same, and, typically enough, miss a few extensions, among which
-webkit-and-khtml-.You can skip to the end and leave a response.
-
Comments
-
01.
The thread on the CSS validator mailing-list:
http://lists.w3.org/Archives/Public/www-validator-css/2007Jan/thread.html#msg30 -
02.
What’s your opinion on this Olivier? Perhaps the specification isn’t clear enough on this… In my personal opinion a style sheet SHOULD be valid when using vendor specific extensions.
-
03.
test long / blog about Web Design, Development, & SEO brought to you by dotPWX says:Comment » June 15th, 2009 at 5:29 pm
[…] Vendor-specific extensions to CSS3 […]
-
04.
Take Your Design to the Next Level with CSS3 « leylamanavi.com says:Comment » June 15th, 2009 at 9:03 pm
[…] Vendor-specific extensions to CSS3 […]
-
05.
Rolandyh’s World of Web » Blog Archive » Take Your Design To The Next Level With CSS3 says:Comment » June 16th, 2009 at 2:31 am
[…] Vendor-specific extensions to CSS3 […]
-
06.
Take Your Design To The Next Level With CSS3 - Myfreepedia.com says:Comment » June 16th, 2009 at 8:11 am
[…] Vendor-specific extensions to CSS3 […]
-
07.
Take Your Design To The Next Level With CSS3 | Fresh News - Blog Design, Wordpress, Blogger, and Web Development says:Comment » June 22nd, 2009 at 7:12 pm
[…] Vendor-specific extensions to CSS3 […]
-
08.
I will be happy if you provide me your knowledge of structural CSS3… All the best
-
09.
[…] Vendor-specific extensions to CSS3 […]
-
10.
-
11.
[…] Vendor-specific extensions to CSS3 […]
-
12.
[…] Vendor-specific extensions to CSS3 […]
-
13.
[…] Vendor-specific extensions to CSS3 […]
-
14.
[…] Vendor-specific extensions to CSS3 […]
-
15.
[…] isn’t a new topic, and in fact Joost de Valke first raised the issue on this website back in January 2007, however a glance over the W3C mailing-list archive highlights that this debate is still going […]
-
16.
[…] Vendor-specific extensions to CSS3 […]
-
17.
The Big CSS3 Validation Debate | MOD : Web Design & Development says:Comment » October 3rd, 2009 at 6:55 am
[…] isn’t a new topic, and in fact Joost de Valke first raised the issue on this website back in January 2007, however a glance over the W3C mailing-list archive highlights that this debate is still going […]
-
18.
[…] Vendor-specific extensions to CSS3 […]
-
19.
[…] Vendor-specific extensions to CSS3 […]
-
20.
Lynn's Blog - 网页编程|XHTML+CSS|HTML5|CSS3|AJquery|JS|AJAX|WordPress|Flash|Asp.net|Video says:Comment » October 14th, 2010 at 7:27 pm
[…] Vendor-specific extensions to CSS3 […]
-
21.
Tutorial – How to use CSS3 box-shadow to enhance your WordPress website using Modernizer says:Comment » February 14th, 2011 at 2:48 am
[…] uses vendor specific extensions. Click here if you would like to find out what that […]
-
22.
[…] uses vendor specific extensions. Click here if you would like to find out what that […]
-
23.
Tutorial – Using CSS3 to spruce up your Wordpress galleries says:Comment » February 23rd, 2011 at 6:44 pm
[…] uses vendor specific extensions. Click here if you would like to find out what that […]
-
24.
-
25.
[…] Vendor-specific extensions to CSS3 […]
-
26.
[…] Vendor-specific extensions to CSS3 […]
-
27.
[…] 6px; you know what I mean. Vendor-specific extensions are a standardised and accepted (however occasionally non-validating) way of implementing future rules without fear of breaking anything. If you want to use CSS3 […]
-
28.
[…] Vendor-specific extensions to CSS3 […]
-
01.
