Apple.com showcases HTML5
Whether or not you agree with Apple going all-in on HTML5, they're certainly putting their clout where their mouth is, launching a new showcase on Apple.com, complete with some terrific demos and a link to developer.apple.com for those who want to roll their own interactive, standards based solutions.
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.
Interestingly, Apple's previous iPad ready HTML5 site listing, and Steve Jobs' Thoughts on Flash article are both featured at the bottom of the page.
If there was any remaining, lingering doubt, HTML5 and Safari are Apple's open app platform and they're going all in. How far are we from a future where HTML5 and web apps are legitimate peers to native apps in terms of delivering the functionality and features users need?
UPDATE: 9to5Mac points out you can get these to open in other HTML5 browsers like Chrome or Firefox by going to the developer.apple.com page. Weird.
Editor-in-Chief of iMore, Executive Producer at Mobile Nations, co-host of Iterate and ZEN and TECH, cook, grappler, photon wrangler.
| Tweet |
|
|
Leave a Reply
Note: Comments must be civil, respectful, and on-topic. If a comment does not add to the conversation, if it contains spam advertising, or inappropriate language or content, it will be removed. Insulting the topic, author, staff, site, network, or other commenters will result in the comment being marked as spam and potential prevent future comments from appearing on the site. Do not post as a business or your comment will likely be confused with spam. Comments containing links may be held for moderation. Relax, enjoy, and share in the discussion.
Tested these on iPhone 3.1.3, all work great.
Looked great on my MBP. Do wish they had opened it up to other HTML5 browsers, though. Would have helped reenforce the point.
I tried Hand of Greed. Acceptable but I'm not a fan of web apps. Biggest complaint is no sound. HTML5's tech and future are not the issue though, it's the lack of Flash now.
Amazing demos... I'm now thinking Steve Jobs is ready to announce iTunes for the cloud... 7th June, here we come...
The demo's are looking good!
I like how a thing pops up saying that Safari is needed to view the demo. Apple does realize that HTML5 is supported on browsers other than theirs, right? What parts does Safari support that Chrome (which also uses WebKit) doesn't?
Apple's demos use browser sniffing instead of feature detection == major fail. Not only does it undermine their point, turning it into "use standards - but only our implementation - it is technically a backwards decision that the rest of us in the js community stopped making around 2007 or so. Apple's PastryKit, I am sorry to say, is similarly full of the same poor, outdated choices.
If this is Apple's way of going "all in," they certainly have picked a slipshod, half-assed way of doing it.
Impressive.
I found it pretty lame that I couldn't view the HTML5 stuff with my Firefox browser. What is Apple trying to hide?
Also, I tested it on my iPod Touch and I thought that it would play in the browser keeping everything seemless but it just opened up in the quicktime player to play the audio/video which I've already seen websites doing for sometime.
You can view it on other browsers, developer.apple.com link (above) seems to avoid whatever fail the main page is using for browser detection.
developer.apple.com works with IE and Chrome... but the average citizen isn't going to think of that first. Big fail for Apple on that.
Hello, If anyone is interested we have a new iPhone App Testing service for only $59. More details at http://www.testing4success.com.
even the developer site doesn't work, it lets me go a bit further in FF but when I click "View Demo" I get the dreaded Safari popup
@Rene
You can get to them via developer.apple.com, but significant portions of them do not work there in other browsers. So we have on the front page Apple using browser detection to block user agents that cannot support them, and on the developer end we have all browsers allowed in with no testing of their capabilities and no prompting to the user, resulting in a bad experience. In other words, Apple has written two separate versions of each page (or, more likely, their cms emits two separate versions) each with incomplete, awkward, solutions, rather than pick the single appropriate solution.
If Apple's aim here is to promote standards as a way to reach a wide audience, and to convince developers that cutting out plugins is better and cheaper, they have ironically kneecapped their own message with their obsolete and entirely inappropriate techniques.
@Jake: The HTML5 and CSS3 standards are still works in progress. So while many of the modern browsers have already implemented some of the features (like the video tag) not all browsers are feature complete. Safari is also still missing a few things and since these are new standards I'm sure we'll find that some browsers initially implemented things differently. So Apple put together a showcase of HTML5 & CSS3 that demos Safari's implementation.
@MrC
Yes, but the point is that Apple put them together in a way that guarantees either a) future lock-in to Safari or b) rewriting pages each time a new version of every browser comes out with support for an additional feature. If this is supposed to suggest best practices for standards, it is a horrible failure. Better techniques have existed for years now.
It could very well be an attempt at lock-in. Think about it. This was all the rave when it was the way forward for the iPad etc. Now that Google reminds everyone that they are probably the biggest driving factor for HTML 5 all of a sudden that plan doesn't quite make sense. Apple doesn't want cross compiled apps on their devices because that ensures devs have to choose between platforms or support two codebases where Apple can compete and say its better to go with us. With HTML 5 that plan is blown out of the water as apps will work on any compliant browser on any device. In a nutshell Google's demos at I/O basically told everyone that you don't need an iPad to enjoy the rich content like the magazines that are becoming popular. Maybe they'll realize what they have done and clean the apps up but I wouldn't be surprised if theres an Apple version of HTML 5. That may have worked for IE back in the day but with 3 strong alternative browsers that will implement the standard I don't think it will work.
Can't wait for HTML5 to go main-stream~
http://www.diverse-group.com/menu/blog.html
With at&t's new data price points apple's cloud is going to cost a hell of a lot more than whatever sticker price apple can put on it.
If you want to take a good deal from this article then you have to apply such strategies to your won web site.
My website:eml to outlook
I just like the valuable information you supply on your articles. I will bookmark your weblog and test once more right here frequently.
I'm reasonably sure I will be told plenty of new stuff proper right here! Best of luck for the following! my site:EML to PST