<font color="#333333"><font><font face="arial,helvetica,sans-serif">Hi Guys,</font></font></font><div><font color="#333333"><font><font face="arial,helvetica,sans-serif"><br></font></font></font></div><div><font color="#333333"><font><font face="arial,helvetica,sans-serif">Just want to share few things with you regarding the CSS3 and W3C CSS Validation.</font></font></font></div>
<div><font color="#333333"><font><font face="arial,helvetica,sans-serif"><br></font></font></font></div><div><font color="#333333" face="arial, helvetica, sans-serif"><b>Briefly</b></font><font color="#333333"><font><font face="arial,helvetica,sans-serif">: <i>Do not pay attention to this service that much, unless you have some obvious errors such as missing DIVs etc.</i></font></font></font></div>
<div><font color="#333333"><font><font face="arial,helvetica,sans-serif"><br></font></font></font></div><div><font color="#333333"><font><font face="arial,helvetica,sans-serif">Today I rewrote most of my CSS codes (locally of course) just to see if their "errors" will go away and it does not matter what I do, they still fail to validate, something that's 100% valid!</font></font></font></div>
<div><font color="#333333"><font><font face="arial,helvetica,sans-serif"><br></font></font></font></div><div><font color="#333333"><font><font face="arial,helvetica,sans-serif">One of the major issues was: </font></font></font><span style="color:rgb(51,51,51);font-family:arial,helvetica,sans-serif">background: linear-gradient(white, gray); </span></div>
<div><span style="color:rgb(51,51,51);font-family:arial,helvetica,sans-serif"><br></span></div><div><span style="color:rgb(51,51,51);font-family:arial,helvetica,sans-serif">Very basic test without any extra "things", just white and gray and this is what W3C says about it:</span></div>
<div><span style="color:rgb(51,51,51);font-family:arial,helvetica,sans-serif"><br></span></div><div><font color="#333333" face="arial, helvetica, sans-serif"><b>Value Error :</b> background linear-gradient(white,gray ) is not a background-color value : linear-gradient(white,gray )</font></div>
<div><font color="#333333" face="arial, helvetica, sans-serif"><br></font></div><div><font color="#333333" face="arial, helvetica, sans-serif">all right, so I was thinking wait, they do not recommend background-image: or even background-color: which will not work with gradients anyways, why in the world would something that they suggested not work. (see: <a href="http://dev.w3.org/csswg/css3-images/#linear-gradients">http://dev.w3.org/csswg/css3-images/#linear-gradients</a>)</font></div>
<div><font color="#333333" face="arial, helvetica, sans-serif"><br></font></div><div><font color="#333333" face="arial, helvetica, sans-serif">W3C has so many drafted standards and it's completely pointless to validate anything with this service anymore. (I was not, but clients do request)</font></div>
<div><font color="#333333" face="arial, helvetica, sans-serif"><br></font></div><div><font color="#333333" face="arial, helvetica, sans-serif"><i>This message is a simple experience sharing and hoping that it will be good for the list.</i></font></div>
<div><font color="#333333" face="arial, helvetica, sans-serif"><br></font></div><div><font color="#333333" face="arial, helvetica, sans-serif">P.S. I wrote to W3C for explanations and I'll let you know if they respond back :)</font></div>
<div><font color="#333333" face="arial, helvetica, sans-serif"><br></font></div><div><font color="#333333" face="arial, helvetica, sans-serif">Thanks,</font></div><div><font color="#333333" face="arial, helvetica, sans-serif">Emil</font></div>