Apple highlights interactive capabilities of HTML5
Apple this week posted a new section on its website, showing off the abilities of HTML5 in a standards based browser such as Safari, including interactive videos and photos.
Using the Safari browser, users can pan around a 360-degree view of the entrance to Apple's iconic Fifth Avenue store in New York City, watch an embedded trailer for the forthcoming film "Tron" and manipulate scale and perspective, or flip through a gallery of photos. The material is all available at the new apple.com/html5/ site.
"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," the website reads. "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."
Seven different sections of content highlight the capabilities of HTML5, CSS3 and JavaScript. Apple acknowledges that not all browser offer the support found in Apple's devices, but notes that "soon other modern browsers will take advantage of these same web standards -- and the amazing things they enable web designers to do."
The demonstrations also show off the different typography and design flexibility available with HTML5, the ability to embed audio into a website, and manipulate a 360-degree photo of three iPod touches. The site also features a link to the Safari Dev Center, offering more information about HTML5 for developers.
The promotional website also features a link to Apple co-founder Steve Jobs' public letter on Adobe Flash, in which he slammed the Web format as unfit for the modern era. Jobs believes that Flash "falls short" in the world of mobile computing, which is why it is not available on devices powered by the iPhone OS, including the iPhone, iPod touch and iPad.
Jobs and Apple have argued that Flash is a closed system and "100% proprietary." They have instead pushed open standards, including HTML5, CSS and JavaScript. Apple's crusade has helped to influence a number of major sites transitioning to HTML5.
In April, days before the iPad was released, Apple also unveiled a list of sites it declared iPad ready. The sites listed rely on Web standards without Adobe Flash, making them ideal for viewing iPad content. Sites on the list include CNN, Reuters, The New York Times, Major League Baseball, Vimeo, The White House, Virgin America, Flickr, and Sports Illustrated.
Using the Safari browser, users can pan around a 360-degree view of the entrance to Apple's iconic Fifth Avenue store in New York City, watch an embedded trailer for the forthcoming film "Tron" and manipulate scale and perspective, or flip through a gallery of photos. The material is all available at the new apple.com/html5/ site.
"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," the website reads. "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."
Seven different sections of content highlight the capabilities of HTML5, CSS3 and JavaScript. Apple acknowledges that not all browser offer the support found in Apple's devices, but notes that "soon other modern browsers will take advantage of these same web standards -- and the amazing things they enable web designers to do."
The demonstrations also show off the different typography and design flexibility available with HTML5, the ability to embed audio into a website, and manipulate a 360-degree photo of three iPod touches. The site also features a link to the Safari Dev Center, offering more information about HTML5 for developers.
The promotional website also features a link to Apple co-founder Steve Jobs' public letter on Adobe Flash, in which he slammed the Web format as unfit for the modern era. Jobs believes that Flash "falls short" in the world of mobile computing, which is why it is not available on devices powered by the iPhone OS, including the iPhone, iPod touch and iPad.
Jobs and Apple have argued that Flash is a closed system and "100% proprietary." They have instead pushed open standards, including HTML5, CSS and JavaScript. Apple's crusade has helped to influence a number of major sites transitioning to HTML5.
In April, days before the iPad was released, Apple also unveiled a list of sites it declared iPad ready. The sites listed rely on Web standards without Adobe Flash, making them ideal for viewing iPad content. Sites on the list include CNN, Reuters, The New York Times, Major League Baseball, Vimeo, The White House, Virgin America, Flickr, and Sports Illustrated.
Comments
Now if we could have a Cupertino built html editor...
Even better, if we could have web site building tools like Freeway Pro that could do all this stuff without coding or hunting around for (and testing) plug-ins and tools that add those abilities.
Still, works great on my iPad.
Does the tutorial center include actual scripts for each of the modules?
Even better, if we could have web site building tools like Freeway Pro that could do all this stuff without coding or hunting around for (and testing) plug-ins and tools that add those abilities.
That could be something that developers can do -- create the standalone scripts for each module. There are open source CMS, like Joomla, where it has a feature that would then allow to automated installation of these standalone modules.
Maybe the proponents of free source here, who criticize Apple's use of proprietary technology to create what they call "walled garden", instead of simply talking create such open source modules and gift their creations to the public. If I have the skills, experience and training to do these, I would.
Criticism is hollow if all we can do is end with the criticism, and not propose alternatives to what we criticized nor help create those alternatives.
CGC
I'm currently redesigning my old website halabalu.com using iWeb '09 (having used Frontpage 2001 on PC).
I wonder how I can go about using HTML5 in my own site - or am I going to have to wait for iWeb '10?
I hope Apple pulls this embarrassing page quickly.
The bashers will be out in force...
This is really stupid on Apple's part. When you're trying to say how open standards are better, don't force users to download your browser - you've totally undermined your position!
I hope Apple pulls this embarrassing page quickly.
agreed
Good grief... I'll add my voice here... to call this demo a "standards showcase" for HTML5 is a joke. As noted by others, it ONLY works in Safari. Standards are also about accessibility... in multiple browsers with varying limitation and abilities. This would have been far more effective demo if Apple had made the demo work in multiple browsers.
I have to agree with that.
THe Chrome & Firefox developers should speed up their implementation of the draft spec as it currently stands.
As a side note, if you visit http://developer.apple.com/safaridemos/ you can view the demos in other browsers. Some of the functionality won't be there, but they'll work for the most part.
Second off? People really need to ask themselves why its taken 10 years for the move from HTML4 to HTML5. Its a bloody mess and the in-fighting has hurt not only the advances of the web, but the consumer (that is us) as well. The pawns always die first.
Thirdly? its obvious we have a bunch of morons here so I have compiled a list of direct links to the content as well as which browsers are supported for each demo. Interesting to note what is and what is not supported.
I should also add and this is important?. that HTML5 needs a huge push from the consumer (that is us again) to really make the browser developers get off their lazy asses and put in HTML5 support. Its simple.. its important? its needed? and its a crime not to.
S = http://www.apple.com/safari/
C = http://www.google.com/chrome/
F = http://www.getfirefox.com/
O = http://www.opera.com/
Video {S,C}: http://developer.apple.com/safaridemos/showcase/video/
Typography {S,C,F,O}: http://developer.apple.com/safaridem...se/typography/
Gallery {S,C}: http://developer.apple.com/safaridem...wcase/gallery/
Transitions {S,C}: http://developer.apple.com/safaridem...e/transitions/
Audio {S,C,F,O}: http://developer.apple.com/safaridemos/showcase/audio/
360 {S,C,F,O}: http://developer.apple.com/safaridem...se/threesixty/
VR {S}[*]: http://developer.apple.com/safaridemos/showcase/vr/
Pixels {S,C,F}: http://developer.apple.com/safaridem...lManipulation/
Notes {S,C}: http://developer.apple.com/safaridemos/StickyNotes/
Poster {S,C}: http://developer.apple.com/safaridemos/ConcertPoster/
Checkers {S,C}: http://developer.apple.com/safaridemos/Checkers/
Light Table {S,C}: http://developer.apple.com/safaridemos/LightTable/
Calendar {S,C}: http://developer.apple.com/safaridemos/OfflineCalendar/
Trailer {S,C}: http://developer.apple.com/safaridemos/MovieTrailers/
* This demo requires a browser that takes advantage of hardware acceleration. The CSS 3D transforms used in this demo are currently supported only by Safari 4 on Mac OS X Snow Leopard, mobile Safari on iPad or iPhone, or the latest WebKit nightly build.
As a web developer, I love the extensions, but they're also largely worthless to me, since they don't work in the majority of browsers. Apple could really make people care if they were to work on getting other browsers to adopt the extensions.
This is really stupid on Apple's part. When you're trying to say how open standards are better, don't force users to download your browser - you've totally undermined your position!
I hope Apple pulls this embarrassing page quickly.
No, YOU'RE really stupid if you don't realize that they simply want these demos to work well with a tested browser and to give a good first impression. Full HTML5 support will eventually spread to other browsers. It's also Apple's demo, and they have the right to promote their own products. Just move on if you don't like any of this.
First off… the HTML5 demos are technology previews. They are designed to showcase what can be done today and the potential for tomorrow. They were not built to be viewed by anything but Safari since they are geared towards the development community.
Second off… People really need to ask themselves why its taken 10 years for the move from HTML4 to HTML5. Its a bloody mess and the in-fighting has hurt not only the advances of the web, but the consumer (that is us) as well. The pawns always die first.
Thirdly? its obvious we have a bunch of morons here so I have compiled a list of direct links to the content as well as which browsers are supported for each demo. Interesting to note what is and what is not supported.
I should also add and this is important…. that HTML5 needs a huge push from the consumer (that is us again) to really make the browser developers get off their lazy asses and put in HTML5 support. Its simple.. its important… its needed… and its a crime not to.
S = http://www.apple.com/safari/
C = http://www.google.com/chrome/
F = http://www.getfirefox.com/
O = http://www.opera.com/
Video {S,C}: http://developer.apple.com/safaridemos/showcase/video/
Typography {S,C,F,O}: http://developer.apple.com/safaridem...se/typography/
Gallery {S,C}: http://developer.apple.com/safaridem...wcase/gallery/
Transitions {S,C}: http://developer.apple.com/safaridem...e/transitions/
Audio {S,C,F,O}: http://developer.apple.com/safaridemos/showcase/audio/
360 {S,C,F,O}: http://developer.apple.com/safaridem...se/threesixty/
VR {S}[*]: http://developer.apple.com/safaridemos/showcase/vr/
Pixels {S,C,F}: http://developer.apple.com/safaridem...lManipulation/
Notes {S,C}: http://developer.apple.com/safaridemos/StickyNotes/
Poster {S,C}: http://developer.apple.com/safaridemos/ConcertPoster/
Checkers {S,C}: http://developer.apple.com/safaridemos/Checkers/
Light Table {S,C}: http://developer.apple.com/safaridemos/LightTable/
Calendar {S,C}: http://developer.apple.com/safaridemos/OfflineCalendar/
Trailer {S,C}: http://developer.apple.com/safaridemos/MovieTrailers/
* This demo requires a browser that takes advantage of hardware acceleration. The CSS 3D transforms used in this demo are currently supported only by Safari 4 on Mac OS X Snow Leopard, mobile Safari on iPad or iPhone, or the latest WebKit nightly build.
All of what you said is for naught. You SHOULDN'T have to explain Apple's position. It should be abundantly clear. If Apple wanted to showcase how HTML5 is the future, they should have posted up the demos on the main page that actually WORK WITH MULTIPLE BROWSERS instead of putting up Safari-specific demos and a "hard check" saying that only Safari is supported and you must download Safari in order to see it work.
It totally blows a hole in their argument by doing something like this. Whatever happened to "It just works". Pointing to developer pages and having to specifically point out what browser supports what is something that man people are critical about with the "Windows Clan".
Good grief... I'll add my voice here... to call this demo a "standards showcase" for HTML5 is a joke. As noted by others, it ONLY works in Safari. Standards are also about accessibility... in multiple browsers with varying limitation and abilities. This would have been far more effective demo if Apple had made the demo work in multiple browsers.
Good grief. . . it's their first demo. Having to start somewhere, they start with a fully tested browser--their own, Safari. You're obviously clueless about presentations. This is a crucial time for Apple in its promotion of HTML5. In the same vein that they're prohibiting third-party programming tools because they don't want to rely on other companies to implement features, they aren't relying on other browsers to work properly at this early stage.
So get off their backs! They're doing great.
This is really stupid on Apple's part. When you're trying to say how open standards are better, don't force users to download your browser - you've totally undermined your position!
I hope Apple pulls this embarrassing page quickly.
Most people use Safari anyway, IE is dead, Firefox's UI is crumbly and Chrome is not quite there yet. So most users (and most web developers) have Safari, it even comes with the computer for christ sakes!
All of what you said is for naught. You SHOULDN'T have to explain Apple's position. It should be abundantly clear. If Apple wanted to showcase how HTML5 is the future, they should have posted up the demos on the main page that actually WORK WITH MULTIPLE BROWSERS instead of putting up Safari-specific demos and a "hard check" saying that only Safari is supported and you must download Safari in order to see it work.
It totally blows a hole in their argument by doing something like this. Whatever happened to "It just works". Pointing to developer pages and having to specifically point out what browser supports what is something that man people are critical about with the "Windows Clan".
Back off, you idiot. Since when does Apple pander to whiners like you? This is simply one of the first steps in the transition away from Flash.