Apple highlights interactive capabilities of HTML5

Posted:
in General Discussion edited January 2014
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.
«13456716

Comments

  • Reply 1 of 319
    Now if we could have a Cupertino built html editor...
  • Reply 2 of 319
    mazda 3smazda 3s Posts: 1,577member
    Well, I guess it's better than a blue Lego block...





  • Reply 3 of 319
    jeffharrisjeffharris Posts: 557member
    Quote:
    Originally Posted by IronHeadSlim View Post


    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.
  • Reply 4 of 319
    saareksaarek Posts: 1,151member
    Hmmm does not work on HTML 5 enabled Chrome or Firefox, when trying to introduce people to HTML 5 as a future replacement for Flash might be best not to force them to download your browser if the one they are currently using already supports HTML 5!



    Still, works great on my iPad.
  • Reply 5 of 319
    cgc0202cgc0202 Posts: 624member
    [I cannot download the later version of Saferi required to try this with my old computer.]



    Does the tutorial center include actual scripts for each of the modules?



    Quote:
    Originally Posted by jeffharris View Post


    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
  • Reply 6 of 319
    moxommoxom Posts: 326member
    Great stuff!



    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?
  • Reply 7 of 319
    tailstootailstoo Posts: 44member
    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.
  • Reply 8 of 319
    bergermeisterbergermeister Posts: 6,784member
    Flash is going away, finally. Looks nice. Hope they add more stuff, including full page samples. I hope other browsers are fixed to bring them up to snuff; personally, I have only used Safari since it was first released.



    The bashers will be out in force...
  • Reply 9 of 319
    Quote:
    Originally Posted by TailsToo View Post


    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
  • Reply 10 of 319
    ceresceres Posts: 3member
    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.
  • Reply 11 of 319
    bartbuzzbartbuzz Posts: 131member
    Does anyone know if HTML5 will drain my laptop battery like Flash does?
  • Reply 12 of 319
    zindakozindako Posts: 468member
    Quote:
    Originally Posted by ceres View Post


    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.
  • Reply 13 of 319
    foadfoad Posts: 697member
    Look people. There are parts of the HTML5 spec that only Safari currently supports. Both Firefox and Chrome are behind, hence the requirement for Safari.



    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.
  • Reply 14 of 319
    ipilyaipilya Posts: 191member
    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.
  • Reply 15 of 319
    jpwijpwi Posts: 1member
    Apple seems to be confusing Webkit-specific CSS extensions with actual HTML5.



    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.
  • Reply 16 of 319
    danielswdanielsw Posts: 905member
    Quote:
    Originally Posted by TailsToo View Post


    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.
  • Reply 17 of 319
    mazda 3smazda 3s Posts: 1,577member
    Quote:
    Originally Posted by iPilya View Post


    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".
  • Reply 18 of 319
    danielswdanielsw Posts: 905member
    Quote:
    Originally Posted by ceres View Post


    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.
  • Reply 19 of 319
    Quote:
    Originally Posted by TailsToo View Post


    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!
  • Reply 20 of 319
    danielswdanielsw Posts: 905member
    Quote:
    Originally Posted by Mazda 3s View Post


    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.
Sign In or Register to comment.