I downloaded the IE9 Beta last night, and while I haven’t had the chance to give it a proper once-over yet, I’m pretty impressed with its capabilities so far. The real star is the hardware acceleration, which opens pages so fast it seems like magic. The new HTML5 and CSS3 support is very welcome.
You can read an in-depth review of it at ZDNet, except it seems to be written by someone who doesn’t really understand CSS very well.
In page five of the review he provides comparisons of the code required to get a rounded corners effect on an element, claiming that this is what’s needed for it to work in Chrome:
border-bottom-left-radius: 152px 152px; border-bottom-right-radius: 228px 228px; border-bottom-style: solid; border-bottom-width: 42px; border-left-style: solid; border-left-width: 42px; border-right-style: solid; border-right-width: 42px; border-top-left-radius: 152px 152px; border-top-right-radius: 304px 304px; border-top-style: solid; border-top-width: 42px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; padding-top: 12px;
This is — not to put too fine a point on it — crap. Chrome will accept the shorthand properties in exactly the same way as IE9, Safari, Opera and Firefox.
Speaking of that latter browser, he also states that the
-moz- prefix is required for
-moz-border-radius: 152px 304px 228px 152px;
But as we’re dealing with Beta releases, then he should also make clear that in the latest Firefox Beta the prefix is no longer needed.
When the Betas become release versions, we’ll be able to use the same code cross-browser:
border: 42px solid orange; border-radius: 152px 304px 228px 152px; padding: 12px;
There’s nothing wrong with not knowing CSS, but if you don’t know it then maybe you shouldn’t make a point of using it in an example.