Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>HTML5 doesn't do anything, per se. It's a <a href="http://dev.w3.org/html5/spec/Overview.html" rel="noreferrer">spec</a>; one that <a href="http://www.w3.org/html/wg/#sched" rel="noreferrer">isn't finished yet</a>. Sure, many of its proposed features will allow developers to produce similar features as Flash, but it's up to the browser developers to implement said specification. Currently, there's a good amount of its proposed spec implemented in different ways by different browser vendors. If your application only uses something that supports some of the HTML5 spec (webkit-based Safari 5/Chrome/Chromium for instance), you can do a lot (ahem, guessing your question stems from Steve Jobs mentioning HTML5 in a Keynote™)...but will struggle with cross-platform support. Many of the major players in the browser market haven't even agreed on a common codec for video yet (H.264 for many, not supported currently by Firefox/Opera/etc. which use ogg/theora) so basically we're going back to pre-flash days of plugin-madness for a bit.</p> <p>Some of the exciting features proposed in the spec for me are:</p> <ul> <li>flexible <code>canvas</code> for <a href="https://developer.mozilla.org/en/Canvas_tutorial" rel="noreferrer">scripting drawings, images, animations</a></li> <li>more semantically accurate documents</li> <li><a href="http://ejohn.org/blog/html-5-data-attributes/" rel="noreferrer">custom data attributes</a></li> <li>video and audio support (assuming something is agreed upon with RE: to codecs)</li> <li>web/browser database</li> </ul> <p>One of the major things that I personally would find to be a <em>pain</em> to produce using the proposed HTML5 spec:</p> <ul> <li>animation and design. Ok, this is a coding site, but I'm a designer who codes and I work with a lot of designers. I don't want to have to programmatically animate a vector walkcycle :D ...canvas has little to no support for designers..do you see your designer friend writing code like <a href="http://www.mezzoblue.com/archives/2010/01/14/illustrator_/" rel="noreferrer">this</a>?)</li> </ul> <p>Here's an app that shows a little bit of HTML5: <a href="http://9elements.com/io/projects/html5/canvas/" rel="noreferrer">http://9elements.com/io/projects/html5/canvas/</a></p> <p>You'll note that it may "run up" your processor a bit (hey, just like flash!).</p> <p>In the next 5-10 years it'll all be possible. Most of the spec is (if at all) partially supported in major browsers. You can keep up with which major browser's layout engines support what <a href="http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML_5%29" rel="noreferrer">here</a>. Officially though, the spec is scheduled to be complete in 2012, and <em>recommended</em> by 2022. Flash will still be a major player for a bit.</p> <p><a href="http://html5gallery.com/" rel="noreferrer">http://html5gallery.com/</a></p> <p>and just in case:</p> <p><a href="http://ishtml5readyyet.com/" rel="noreferrer">http://ishtml5readyyet.com/</a></p> <hr> <p><strong>Edit just to add a few more notes from a blog comment I posted recently</strong></p> <p>HTML5 is about semantics and interoperability; it defines a recommendation about how HTML producers should produce documents. If browsers adopt these standards, it will make it easier for producers to create interoperable content that can be consumed sans plugin. This is why I love Flash; because it’s standards are implemented by the same people who “wrote” the standards. It behaves the same cross-platform (mostly) because it’s a plugin. The primary intention of HTML5 is to reduce the need for plugins. </p> <p>One thing we (we being developers, designers) need to be careful with is lumping CSS3 and Javascript in with HTML5. Much of the cool stuff you see that is denoted as HTML5, isn't (Apple's recent "HTML5" showcase–which, the majority of which was <em>not</em> HTML5–is a great example). It's jQuery; it's CSS3 animations and transformations; it's proprietary video codecs that are only supported it one browser. Much to my chagrin, HTML5 has become the new "Web 2.0", representing a wide body of somewhat related technologies.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload