Apple.com posts cool new HTML5 Showcase

invisibleSHIELD case for iPad“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,” Sam Oliver reports for AppleInsider.

“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,” Oliver reports. “‘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.'”

Oliver reports, “Seven different sections of content highlight the capabilities of HTML5, CSS3 and JavaScript.”

Full article here.

Apple’s HTML5 Showcase is here.

Also check out: developer.apple.com/safaridemos/

[Thanks to MacDailyNews Readers “Fred Mertz” and “TheMightyFinder” for the heads up.]

66 Comments

  1. Holy crap. I just chcked out the 360 degree viewer of the Apple Store on my iPhone and it works beautifully with the touch screen. No flash needed, sweet.

  2. This worked great..until safari quit on my iphone. I think this is a great proof of concept, but still isn’t fully baked. Hopefully, the Man in Black’s comments/backlash against adobe’s flash will hasten the developers to make it bullet proof. (the VR worked great, but clicking the tron video shut me down)

  3. I am running 10.5.8 on this MacBook Pro and everything except for the 360° worked on it. The 360° worked great on my iPhone 3G. Try my iPad tonight.

  4. The best part about this is, they have sample code, as well as fairly comprehensive instructions that explain how this stuff is created.

    So many photo galleries and slide shows, as well as embedded videos, could now be easily replaced with solutions like there, especially since code is already fully functional.

    Just marvelous!

  5. Of course, if these demos had been built with Flash they would have worked flawlessly and identically in close to 100% of the worlds desktop browsers. As it is, they are Safari only and that says all that needs to be said about the current state of HTML5 browser support.

    Rock on Adobe !! ” width=”19″ height=”19″ alt=”grin” style=”border:0;” />

  6. love it all, but i want to see full screen video on my 27 inch imac. have yet to see a site with it.

    mw word: miss, as in, “did i miss something while searching out full screen vid on html5”?

  7. This is good stuff, however it does not really address producing interactive demos which I have to create all the time.

    Flash may be bloated but it is still the best/easiest solution for a designer to create interactive demos for cd/dvds and self contain files for presentations.

    And I wish this word standards woulds stop being used. There is no “Standard”, if there was whatever you create would work across all platforms and look the same as well.

Reader Feedback

This site uses Akismet to reduce spam. Learn how your comment data is processed.