or Connect
AppleInsider › Forums › General › General Discussion › Apple highlights interactive capabilities of HTML5
New Posts  All Forums:Forum Nav:

Apple highlights interactive capabilities of HTML5

post #1 of 320
Thread Starter 
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 Apples 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 arent 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.
post #2 of 320
Now if we could have a Cupertino built html editor...
post #3 of 320
Well, I guess it's better than a blue Lego block...


post #4 of 320
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.
Macintosh: It just WORKS!
Reply
Macintosh: It just WORKS!
Reply
post #5 of 320
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.
iPad, Macbook Pro, iPhone, heck I even have iLife! :-)
Reply
iPad, Macbook Pro, iPhone, heck I even have iLife! :-)
Reply
post #6 of 320
[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
post #7 of 320
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?
post #8 of 320
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.
post #9 of 320
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...

 

Your = the possessive of you, as in, "Your name is Tom, right?" or "What is your name?"

 

You're = a contraction of YOU + ARE as in, "You are right" --> "You're right."

 

 

Reply

 

Your = the possessive of you, as in, "Your name is Tom, right?" or "What is your name?"

 

You're = a contraction of YOU + ARE as in, "You are right" --> "You're right."

 

 

Reply
post #10 of 320
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
post #11 of 320
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.
post #12 of 320
Does anyone know if HTML5 will drain my laptop battery like Flash does?
post #13 of 320
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.
post #14 of 320
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.
post #15 of 320
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.
post #16 of 320
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.
post #17 of 320
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.

Daniel Swanson

Reply

Daniel Swanson

Reply
post #18 of 320
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".
post #19 of 320
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.

Daniel Swanson

Reply

Daniel Swanson

Reply
post #20 of 320
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!
post #21 of 320
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.

Daniel Swanson

Reply

Daniel Swanson

Reply
post #22 of 320
Quote:
Originally Posted by DanielSW View Post

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.

I agree with you. A lot of people see a glimpse of the future and they find it frightening and/or confusing. As usual, Jobs is showing us where the puck is going. The hoi polloi will understand eventually, but we have to give them time.
post #23 of 320
Quote:
Originally Posted by delreyjones View Post

I agree with you. A lot of people see a glimpse of the future and they find it frightening and/or confusing. As usual, Jobs is showing us where the puck is going.

Way back in the day, Macs shipped with mice, and people bashed them, because they weren't already standard. A couple of years later, every computer made basically shipped with a mouse.

People will bash for the sake of bashing.

 

Your = the possessive of you, as in, "Your name is Tom, right?" or "What is your name?"

 

You're = a contraction of YOU + ARE as in, "You are right" --> "You're right."

 

 

Reply

 

Your = the possessive of you, as in, "Your name is Tom, right?" or "What is your name?"

 

You're = a contraction of YOU + ARE as in, "You are right" --> "You're right."

 

 

Reply
post #24 of 320
I missed the point of the "manipulate 360-degree photo": it is not any kind of 360-degree photo but an image sequence made of 72 photos showed thru java script, nothing specific to HTML5...

I am still waiting for any kind of vectorized animation or calculus intensive task from Apple to show us how "brilliantly" HTML5 Canvas and plain JS compare with Flash. I won't hold my breath.
post #25 of 320
Quote:
Originally Posted by saarek View Post

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.

Maybe you should know what you talk about. Both Mozilla and Google support a limited implementation of HTML 5 - mostly HTML 5 video.
post #26 of 320
Quote:
Originally Posted by DanielSW View Post

No, YOU'RE really stupid

Quote:
Originally Posted by DanielSW View Post

You're obviously clueless

Quote:
Originally Posted by DanielSW View Post

Back off, you idiot.

post #27 of 320
Quote:
Originally Posted by MoXoM View Post

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?

You can use the'HTML Snippet' widget of iWeb.
I used it to add 'jquery' transitions to my website. Works great.

J.
post #28 of 320
Quote:
Originally Posted by jpwi View Post

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.

This is the exactly correct. If windows ie users can't view this stuff, then it's worthless on desktops. I think there is potential on mobile devices. Someone needs to explain to me why program in html 5 when about 10% of the windows users are still using 10 year old browsers?
post #29 of 320
Showcasing how these extensions work in Safari is how Apple is pushing Chrome and Firefox to adopt these functions.


Quote:
Originally Posted by jpwi View Post

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.
post #30 of 320
Quote:
Originally Posted by IronHeadSlim View Post

Now if we could have a Cupertino built html editor...

That's iWeb. Wait for version 10.

J.
post #31 of 320
Does this mean that AI will soon stop using Flash on its web site?
post #32 of 320
You are completely wrong. The other browsers don't support all of these functions. So supporting them is useless. Apple is pushing every other browser to adopt these functions.

This is primarily a page for developers. The first thing to do is to show how it all works.



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".
post #33 of 320
Quote:
Originally Posted by foad View Post

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.

No, this is BS on Apple's part - HTML5 isn't even finalized, and these demos are pretty weak to begin with. Otherwise, some only load in Chrome with a user agent switcher.

Showcasing features that only work in one browser, while clamoring about being 'open' is hypocrisy at its finest.

BTW, this is my favorite HTML5 site:
http://mugtug.com/darkroom/
post #34 of 320
Quote:
Originally Posted by Mazda 3s View Post


That was hilarious. Thank you.
post #35 of 320
Never mind Chrome and Firefox not being able to see/use the demo (despite already being HTML compliant), none of the Macs at my work could view the demo in Safari either.

Then when I get home and try the demo on my iMac, sure it works, but it's hardly anything newsworthy. I mean, video doesn't even do full screen? WTF?
post #36 of 320
Quote:
Originally Posted by TenoBell View Post

You are completely wrong. The other browsers don't support all of these functions. So supporting them is useless. Apple is pushing every other browser to adopt these functions.

This is primarily a page for developers. The first thing to do is to show how it all works.

Umm, the HTML5 landing page is linked from the Apple main page -- this is to hook regular consumers into testing out HTML5.



This is the page for developers:

http://developer.apple.com/safaridemos/

I would argue that if you're gonna have a link off your main page directing consumers to try your HTML5 stuff, you would better support other browsers with your demos.
post #37 of 320
Quote:
Originally Posted by jrandersoniii View Post

Maybe you should know what you talk about. Both Mozilla and Google support a limited implementation of HTML 5 - mostly HTML 5 video.

Fair enough statement, however Apple should make this clear on their site (doesn't hurt to push Google and Mozilla) and should allow the parts that are compatable with Chrome or Firefox to work without forcing you to grab Safari.
iPad, Macbook Pro, iPhone, heck I even have iLife! :-)
Reply
iPad, Macbook Pro, iPhone, heck I even have iLife! :-)
Reply
post #38 of 320
Quote:
Originally Posted by stevetim View Post

This is the exactly correct. If windows ie users can't view this stuff, then it's worthless on desktops. I think there is potential on mobile devices. Someone needs to explain to me why program in html 5 when about 10% of the windows users are still using 10 year old browsers?

If you feel you need to reach 100% of web users, then you should stick to basic HTML, and probably HTML3, no javascript, no css, no flash. If you are interested in doing something interesting, or in monetizing your website, then you should simply ignore that 10% as they will simply hold you back and don't represent any significant revenue opportunities.
post #39 of 320
Quote:
Originally Posted by guinness View Post

No, this is BS on Apple's part - HTML5 isn't even finalized, and these demos are pretty weak to begin with. Otherwise, some only load in Chrome with a user agent switcher.

Why do they need to wait until it is finished to get developers to begin to use it? There are several technology standards that are used before they are fully ratified.

Quote:
Showcasing features that only work in one browser, while clamoring about being 'open' is hypocrisy at its finest.

There is nothing that prevents other browsers from adopting these features. The reason it only works in Safari is because Safari is adding them faster than any other browser.
post #40 of 320
Quote:
Originally Posted by bsenka View Post

Never mind Chrome and Firefox not being able to see/use the demo (despite already being HTML compliant), none of the Macs at my work could view the demo in Safari either.

Then when I get home and try the demo on my iMac, sure it works, but it's hardly anything newsworthy. I mean, video doesn't even do full screen? WTF?

I'm running Chrome 5.0.375.55 (final release) on OS X 10.6.3 and can play the demos available on the main page except for the first and last one (Tron video and Apple Store VR tour).
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: General Discussion
AppleInsider › Forums › General › General Discussion › Apple highlights interactive capabilities of HTML5