Apple's new "HTML5 Showcase" doesn't show much HTML5, and is browser-specific
Friday, June 4, 2010 11:00:00 AM
Apple claim to promote HTML5 and an open Web, but the page uses browser sniffing to block other browsers, vendor prefixes for the CSS3 stuff they are using (even if other browsers support border-radius it won't work because it's coded using -webkit-border-radius), and the patent-encumbered H.264 for video.
In fact, it seems that the only things that are HTML5 on that page are HTML5 audio and video.
So when the page doesn't work in Opera or other browsers it isn't because these browsers don't support HTML5. It's because Apple uses browser sniffing and vendor prefixes, and in addition to that they aren't really testing a lot of HTML5 at all. Most of their demos seem to have got nothing to do with HTML5, as a matter of fact.
One almost gets the impression that "HTML5" is just a buzzword to Apple.
In related news, Microsoft's misleading standards support table is still being promoted. Bruce has an amusing take on that.
The similarity between Apple and Microsoft's marketing is remarkable...
Edit: For HTML5 info and demos, check out the Opera Developer Network blog.


1 2 3 Next »
Daniel15daniel15 # Friday, June 4, 2010 11:22:01 AM
Charles SchlossChas4 # Friday, June 4, 2010 1:47:35 PM
The Great Feature Train Robbery
http://log.dustinwilson.com/archives/2009/02/24/The_Great_Feature_Train_Robbery/
mjcaddell # Friday, June 4, 2010 2:29:34 PM
J. KingMTKnight # Friday, June 4, 2010 2:40:20 PM
Originally posted by mjcaddell:
border-radius is not prefixed in Opera. You just use it.
Haavardhaavard # Friday, June 4, 2010 2:48:54 PM
And Jon Gruber asks:
We never get a chance to know, because they rely on browser sniffing and vendor prefixes.
I think this image which Bruce links to in his blog is also quite revealing:
http://i.imgur.com/cT08B.png (mirror)
And yes, I realize that html5test.com makes the same mistake as Apple and "buzzwords" a lot of unrelated things into HTML5. And I think that is one of my main problems with Apple's marketing. They are claiming to demo HTML5, but there doesn't seem to be a whole lot of HTML5 being demoed.
And the page kind of gives you the impression that "if you want to use HTML5, you need Safari". Even though it doesn't even test a lot of HTML5 (have I mentioned that too many times?
Haavardhaavard # Friday, June 4, 2010 2:57:43 PM
http://shapeshed.com/examples/border-radius/
Make sure you are using Opera 10.5x, though.
Prefixes are a good thing for experimental features, but they shouldn't be used as a way to "block" other browsers.
Scott Taylorwonderboymusic # Friday, June 4, 2010 3:08:18 PM
And on the subject of support - when anyone (myself specifically) tries to use a cool! hip! neato! HTML5 feature cross-browser, it becomes futile to even try to adopt these new techniques. IE doesn't support anything adequately,
mjcaddell # Friday, June 4, 2010 3:10:51 PM
Originally posted by haavard:
Right. I was on 10.10. I just upgraded and see that it works. I had to upgrade manually though because the automated thingy wasn't working, for whatever that is worth.
Also, what exactly is WRONG with using or supporting prefixed "stuff" for features that have not been published yet? The original post implies that Opera is somehow superior because it supports "border-radius" without the prefix, but CSS3 is not a published spec, so I don't see how that's "standards compliant" when you start treating as standard the things that aren't yet standard. At least with the webkit- and mozilla-prefixed features you know by looking at the code that they are experimental and not universally supported. As long as we're comparing people to Microsoft, that is the kind of crap that they used to pull with early versions of IE.
mjcaddell # Friday, June 4, 2010 3:11:42 PM
Originally posted by wonderboymusic:
Amen, brother!
prd3 # Friday, June 4, 2010 3:13:45 PM
Originally posted by wonderboymusic:
Fail. Did you even read Harvard's blog post? Apple aren't showing off HTML5. They are just claiming that it's HTML5.
Fail. Did you even read Harvard's blog post? Apple aren't showing off HTML5. They are just claiming that it's HTML5.
Also, they are blocking other browsers from even trying to access the demos.
Maybe Apple fanboys should read his blog post before raging.
prd3 # Friday, June 4, 2010 3:16:09 PM
Originally posted by mjcaddell:
Who said there was anything wrong with it? Except of course you should also add the properties without prefixes.
No one ever said using vendor prefixes was wrong. Harvard just pointed out that it prevented other browsers from displaying the demos, even where other browsers do support those things. Fail.
No it doesn't. It uses border-radius as an example of something other browsers support without a prefix, but which Apple still kept the prefix for. Fail.
Red herring. Fail.
mjcaddell # Friday, June 4, 2010 3:19:39 PM
Originally posted by prd3:
It's not Apple's responsibility to create a demo page for every HTML5 browser to be tested on. The page isn't about "look how awesome HTML5 is", it's about "look how great Safari is with these non-Flash technologies." You keep asking "did you read the blog post". Well, did YOU even look at the site that the blog post is about?
I'm not a raging fanboy. I believe Apple like anyone else should be criticized where it's due. But bitching because their demo page only works on Safari is awfully whiny and petty. As several of us have been saying: what is stopping Opera from making their own HTML5 demo site if they are so damned proud of Opera's HTML5 capabilities?
Oh, and "fail"??? What is this, 2005?
Scott Taylorwonderboymusic # Friday, June 4, 2010 3:22:23 PM
Show me Opera's showcase page of Biblically-pure HTML5 demos and I'll start to give a shit about whatever you think that means.
FYI, I read the entire blog post, and it sounds like someone whining and someone who doesn't have an HTML5 demo page.
Dude, if Opera makes one, it kicks ass, it's purer HTML5, and better: it will probably be acknowledged as such.
Remove the chip from your shoulder.
prd3 # Friday, June 4, 2010 3:22:40 PM
Originally posted by mjcaddell:
It's Apple's responsibility to not lie and deceive. Apple are lying and deceiving. And yes, the page claims to be about "look how awesome HTML5 is."
Yes. It claims to be a HTML5 showcase, but most of the tests have got nothing to do with HTML5.
You evidently did not read the blog post. The blog post is about how they claim to be showcasing HTML5 when they are hardly using any HTML5 at all, and they are also blocking other browsers to prevent them from giving it a go.
That's just a red herring. You are desperately trying to change the subject and point fingers to deflect criticism from Apple. Fail.
prd3 # Friday, June 4, 2010 3:23:53 PM
Originally posted by wonderboymusic:
Hey Scott, red herring, pointing fingers to deflect criticism. Fail.
Nor does Apple. Apple has a bunch of CSS3 and stuff like that, and very little HTML5. So the claimed "HTML5 demo" is nowhere to be seen.
That's not the point. The point is Apple's dishonesty.
mjcaddell # Friday, June 4, 2010 3:24:12 PM
Originally posted by prd3:
You have an interesting habit of responding to individual sentences while missing the overall point completely. My point is that "border-radius" is in CSS3 which hasn't been published as an official spec yet, so faulting someone for only supporting the vendor-prefixed feature is silly. And don't say "other browsers" (plural) when what you mean to say is "Opera".
Scott Taylorwonderboymusic # Friday, June 4, 2010 3:24:46 PM
I downloaded all of the source code last night and ran the Gallery demo in Chrome. You could do the same, change the prefixes, and run it in Opera. What's stopping you?
prd3 # Friday, June 4, 2010 3:25:25 PM
Originally posted by mjcaddell:
You are once again missing the point and using red herrings. Fail.
Also, Chrome supports border-radius without a prefix. Fail fail fail.
prd3 # Friday, June 4, 2010 3:25:55 PM
Originally posted by wonderboymusic:
Red herring FAIL.
mjcaddell # Friday, June 4, 2010 3:26:58 PM
mjcaddell # Friday, June 4, 2010 3:32:34 PM
Originally posted by prd3:
No, YOU are missing the point and talking a lot about red herrings. What are you, Norwegian?
Here is the opening paragraph of that Apple page:
Every new Apple mobile device and every new Mac — along with the latest version of Apple’s Safari web browser — supports web standards including HTML5, CSS3, and JavaScript. These web standards are open, reliable, highly secure, and efficient. They allow web designers and developers to create advanced graphics, typography, animations, and transitions. Standards aren’t add-ons to the web. They are the web. And you can start using them today.
See where it says HTML5, CSS3, and JavaScript? Now what part of this is a "lie"? What part of this implies that they are ONLY using HTML5? It says right here that there's a combination of technologies involved.
Scott Genevishgenevish # Friday, June 4, 2010 3:33:54 PM
prd3 # Friday, June 4, 2010 3:36:10 PM
Originally posted by mjcaddell:
The lie is that it claims to be a "HTML5 showcase", while most of that stuff is not HTML5.
Apple clearly wants you to believe that if you want to use HTML5, you need Safari. But the page hardly uses any HTML5 at all.
prd3 # Friday, June 4, 2010 3:36:28 PM
Originally posted by genevish:
The deception is that it claims to be a "HTML5 showcase". The page is called "HTML5 Showcase", and the address is apple.com/html5. We know the "fine print" trick. Microsoft is using it too, in order to fool people into thinking that IE9 supports more HTML5 and all that than any other browser.
mjcaddell # Friday, June 4, 2010 3:41:16 PM
Originally posted by prd3:
That's right. The address is NOT opera.com.
Read through this whole string of responses and see who comes off as more of a "raging fanboy".
I'm done here.
prd3 # Friday, June 4, 2010 3:58:00 PM
Originally posted by mjcaddell:
Nice attempt at getting away from the fact that it's called "apple.com/html5".
It's just another red herring. You are apparently saying that no one can criticize anything unless they do the exact same thing.
So one would have to create a "HTML5 showcase" page with no HTML5 before one could criticize Apple of doing the same thing!
Excellent logic.
Charles SchlossChas4 # Friday, June 4, 2010 4:00:10 PM
Scott Genevishgenevish # Friday, June 4, 2010 4:08:29 PM
Originally posted by prd3:
So now you're saying the page uses no HTML5?
newRyszard # Friday, June 4, 2010 4:10:00 PM
As used in the headline, understandably, it is a shorthand expression. That's why Apple put in, on every single page, in large type, right on top: "The demos below show how Apple’s Safari web browser supports the capabilities of web standards such as HTML5, CSS3, and JavaScript." That's as clear and explicit as you could possibly expect.
2. "using ... the patent-encumbered H.264 for video."
As opposed to what? The un-patent-encumbant OGG? You're just baiting...
3. "it's coded using -webkit-border-radius"
The radius tag has not yet been officially adopted. Adding the browser prefix, therefore, is the correct usage for the time being. As a developer you should know that.
a1kim # Friday, June 4, 2010 4:11:28 PM
Charles SchlossChas4 # Friday, June 4, 2010 4:18:30 PM
Originally posted by a1kim:
This is not whining (I can tell you Opera has a lot of experience with finding browser sniffers (blame IE 6 for that) Opera has browser js other browser have similar things because of broken code in pages or browser sniffers) He is just pointing out that this is poor show casing of HTML 5 as Safari is not the Only browser with HTML 5 and CSS 3 support
Tenno Seremeltenno-seremel # Friday, June 4, 2010 4:39:19 PM
Patrick H. Laukepatrickhlauke # Friday, June 4, 2010 4:39:57 PM
Greg Thorntonxdissent # Friday, June 4, 2010 4:40:39 PM
Webkit uses vendor prefixes for unpublished specs, which is a calculated design decision to play nice with other browsers. It's Opera's own poor judgement if it implements a feature that hasn't been finalized and then expects the world to do the same. The Mozilla guys use prefixes as well, so you've got one hell of an uphill battle if you want to convince the rest of the internet that this is somehow not the preferred approach, until "official" support makes sense.
Patrick H. Laukepatrickhlauke # Friday, June 4, 2010 4:41:31 PM
prd3 # Friday, June 4, 2010 4:43:09 PM
Originally posted by a1kim:
Are you drunk or something?
Did you even read the first line in the blog? It clearly states that the blog post is a RESPONSE to questions from Opera users.
Originally posted by a1kim:
Says the whiny little Apple fanboy who can't take the fact that Apple was once again busted for lying.
Patrick H. Laukepatrickhlauke # Friday, June 4, 2010 4:44:35 PM
prd3 # Friday, June 4, 2010 4:45:37 PM
Originally posted by xdissent:
Huh? Did you not read the about Apple blocking any browser that isn't Safari?
Originally posted by newRyszard:
No, it is not. The very first paragraph of the blog post explains that it is a response to questions from people about Opera's HTML5 compliance based on Apple's page.
Just like Microsoft's disgustingly dishonest IE9 standards support table, Apple tries to give the impression that the page tests HTML5, but, basically it hardly tests any HTML5 at all.
The title "CSS3 showcase" would have been much more honest and correct. But for Apple, honesty and fact does not matter.
Originally posted by newRyszard:
Yes, the Theora guys are not threatening to sue you if you don't pay them extortion fees.
prd3 # Friday, June 4, 2010 4:49:25 PM
Originally posted by Chas4:
They hardly use any HTML5. Apparently mostly CSS stuff. So Apple is lying. Again.
Greg Thorntonxdissent # Friday, June 4, 2010 4:50:43 PM
Originally posted by prd3:
Seriously, you're way too excited, dude. Relax. I still think you mean Webkit after a cursory look at what I'm assuming is the sniffing code you're talking about: AC.Detector.isWebKit()prd3 # Friday, June 4, 2010 4:56:04 PM
Originally posted by xdissent:
No, it blocks Chrome too. Try it with Chrome. You get the message leading people to believe that Safari is the only HTML5 capable browser despite the fact that Chrome has superior HTML5 support compared to Safari.
prd3 # Friday, June 4, 2010 5:10:14 PM
http://www.osnews.com/story/23411/Apple_s_HTML5_Showcase_Isn_t_HTML5_Blocks_Other_Browsers
Greg Thorntonxdissent # Friday, June 4, 2010 5:11:17 PM
Originally posted by prd3:
Is this true? Does Chrome support local session storage aside from Gears now? If you're speaking specifically about the audio and video codec differences, I'd say that's clearly a matter of opinion at this point.
I'd say the extreme statements of absolutes are the problem, not the browsers or Apple. Apple tried to do a good thing to promote the undeniable future of the web, and as a bonus they proved that you don't have to use their App Store to create bad ass apps for the iPhone/iPad. I don't understand why you're acting like the world is worse off as a result. What would you rather them do? Should they have released demos that would likely break in many environments? Do you not think you'd be reacting in an even more hostile way if that were the case?
Scott Taylorwonderboymusic # Friday, June 4, 2010 5:13:49 PM
yeah, if your grandmother loads it in Chrome it will tell her to go to hell. If a Software Engineer downloads the fucking code instead of acting like Apple is an abusive husband and runs the code in his own browser, he will see that it works, minus some of the 3D shit (that may have been my fault in some way).
What is making you cry about CSS3 and Apple so much? I use Chrome, NOT Safari. But I can still look at cool shit and say "that looks interesting."
I know you are living in a 'trebuchet ms' world over here at Opera, that's fantastic, but that doesn't mean everyone else should also think Apple is a mean bully and should suck it.
Robin ZalekBtEO # Friday, June 4, 2010 5:18:01 PM
border-radius is in the CSS 3 Background and Borders module which is a candidate recommendation.
from the W3C Process Document
For implementation experience to be any kind of useful has to include interoperability between different implementations. Something that the -webkit- prefix precludes. Does Safari WebKit not support plain border-radius yet? (Apparently not.)
Also of note:
CSS 2.1 is also a candidate recommendation. Should everyone still be using vendor prefixes there too?
prd3 # Friday, June 4, 2010 5:19:00 PM
Originally posted by xdissent:
Now you are cherry-picking something. That's not very honest. Also, Google already ditched Gears.
No, HTML5 as a whole. Chrome supports more of it.
prd3 # Friday, June 4, 2010 5:20:07 PM
Originally posted by wonderboymusic:
Red herring alert! This is about Apple's misleading and dishonest conduct.
Originally posted by wonderboymusic:
I didn't say anything about whether it looked interesting or not. I pointed out how Apple lied.
Originally posted by wonderboymusic:
What on earth is that supposed to mean? Are you drunk or something?
Greg Thorntonxdissent # Friday, June 4, 2010 5:22:17 PM
Originally posted by BtEO:
Nope, because CSS2.1 was actually created to address the very issue of too many in-the-wild implementations of forthcoming CSS3 features.
prd3 # Friday, June 4, 2010 5:23:39 PM
Originally posted by xdissent:
So you are saying that vendor prefixes should be removed from some candidate recommendations, but not others?
Scott Taylorwonderboymusic # Friday, June 4, 2010 5:24:05 PM