Monday, August 8, 11
#remixhtml5Monday, August 8, 11
Monday, August 8, 11
WHY?Monday, August 8, 11
“ The Internet is a strange,               huge beast. It is getting               bigger, faster and more               m...
4,835,049,149Monday, August 8, 11
www.lingscars.comMonday, August 8, 11
TIMELINEMonday, August 8, 11
HTML 2                       Nov. 1995                           Coolio - Gangsta’s ParadiseMonday, August 8, 11
HTML 3.2                                       Jan. 1997                       Kenny G - Six of HeartsMonday, August 8, 11
HTML 4                       Dec. 1997                           Eminem - The Slim Shady EPMonday, August 8, 11
XHTML 1.0                                      Jan. 2000         The Presidents of the United States of America - LumpMond...
/>Monday, August 8, 11
XHTML 1.1                       May 2001                         Janet Jackson - All For YouMonday, August 8, 11
HTML5                                   Jun. 2004                       Usher - Yeah!Monday, August 8, 11
I’ll get              you!                      HTML5                                             Jun. 2004               ...
apple.com/html5Monday, August 8, 11
Web 2.0       Web 3.0          Everything    jQuery MooTools     What it’s not:    Games Flash Killer        YUI Audio CSS...
...and it’s not                       HTML 5                            see that space?Monday, August 8, 11
What it is.Monday, August 8, 11
“ In the thinking of its                     creators, HTML5 was                     always just HTML.”                   ...
Natural evolution                         HTML                      of HTML.                  http://blog.whatwg.org/html-...
Application                        Platform    SEMANTICS              CSS 3       GRAPHICS & 3D     MULTIMEDIA        DEVI...
SEMANTICSMonday, August 8, 11
/>     ==         >                            but really                       >       >         />Monday, August 8, 11
<!DOCTYPE html>Monday, August 8, 11
<meta charset=”utf-8”>Monday, August 8, 11
<h2>                <a href=”#”>Heading</a>              </h2>              <p>                <a href=”#”>Text</a>       ...
<a href=”#”>                <h2>Heading</h2>                <p>Text</p>               </a>                               H...
<header> <nav> <footer>           <section> <article>            <aside> <details>          <summary> <figure>            <...
<div class=”footer”>    <div class=”nav”>     <ul>      <li><a href=”#”>This</a></li>      <li><a href=”#”>That</a></li>  ...
<footer>           <nav>            <a href=”#”>This</a>            <a href=”#”>That</a>           </nav>          </foote...
<time>     <input type=”email”>               <input type=”url”>Monday, August 8, 11
http://dev.opera.com/articles/view/new-form-features-in-HTML5/Monday, August 8, 11
<section>                       <article>Monday, August 8, 11
http://andyrutledge.com/news-redux.phpMonday, August 8, 11
Section                          or                       Article?                           http://andyrutledge.com/news-...
<article> <header>  <h2>Lauren Cheney Stan...</h2>  <summary>Frankfurt...</summary>  <details>by Shelly...</details> </hea...
Application                        Platform    SEMANTICS              CSS 3       GRAPHICS & 3D     MULTIMEDIA        DEVI...
www.nikebetterworld.comMonday, August 8, 11
www.thisshell.comMonday, August 8, 11
http://mbostock.github.com/d3/ex/stack.htmlMonday, August 8, 11
http://mbostock.github.com/d3/ex/bullet.htmlMonday, August 8, 11
phonegap.comMonday, August 8, 11
“ We realized we could do the full                 Pandora experience without Flash.”                            ~ Tom Con...
WHY?Monday, August 8, 11
You already know it.Monday, August 8, 11
What about browser support, man?Monday, August 8, 11
Monday, August 8, 11
Browsers already                         know it, too.Monday, August 8, 11
document.createElement();                       http://html5shiv.googlecode.comMonday, August 8, 11
document.createElement(“header”);                 document.createElement(“footer”);                 document.createElement...
Offline StorageMonday, August 8, 11
GeolocationMonday, August 8, 11
Because it’s already                         all around you.Monday, August 8, 11
Because of IE6.Monday, August 8, 11
95% of the Web                       doesn’t validate.Monday, August 8, 11
Beyond the                 Rendering EngineMonday, August 8, 11
<b><i>Hi there</b></i>                           http://labs.opera.com/news/2011/02/22/Monday, August 8, 11
Internet Explorer 9, Safari 5          <b><i>Hi there</i></b><i></i>          Firefox, Opera, Chrome          <b><i>Hi the...
Because it’s cool.Monday, August 8, 11
ResourcesMonday, August 8, 11
vid.lyMonday, August 8, 11
html5boilerplate.com   @boiler_plateMonday, August 8, 11
modernizr.com   @modernizrMonday, August 8, 11
github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-PolyfillsMonday, August 8, 11
MORE RESOURCES                 - diveintohtml5.com                 - html5doctor.com                 - html5wow.com       ...
4,835,049,149                            400                        New people come                       online every min...
www.lingscars.comMonday, August 8, 11
nissanusa.com/leaf-electric-carMonday, August 8, 11
“Do or do not.                        There is no try.”                                    ~ YodaMonday, August 8, 11
Thank you.                         J. Cornelius                          jcornelius.comMonday, August 8, 11
Upcoming SlideShare
Loading in …5
×

HTML5 - Yeah!

6,116 views
5,170 views

Published on

There's a lot of talk about the what and the how of HTML5. This talk aims to cover the why.

Why you should care. Why it’s important. Why you should use it now.

Published in: Technology, Design
1 Comment
6 Likes
Statistics
Notes
  • I like the presentation. Great UI.
    For those who are interested in understanding the state of HTML5 and its potential, here is another presentation: http://www.slideshare.net/iLoopMobile/understanding-the-state-of-html-5-and-its-potential
    Feel free to add your feedback in the slideshare discussion.
    Thanks,
    Virginie
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
6,116
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
102
Comments
1
Likes
6
Embeds 0
No embeds

No notes for slide

HTML5 - Yeah!

  1. Monday, August 8, 11
  2. #remixhtml5Monday, August 8, 11
  3. Monday, August 8, 11
  4. WHY?Monday, August 8, 11
  5. “ The Internet is a strange, huge beast. It is getting bigger, faster and more mobile each day.” http://www.onlineschools.org/state-of-the-internet/soti.htmlMonday, August 8, 11
  6. 4,835,049,149Monday, August 8, 11
  7. www.lingscars.comMonday, August 8, 11
  8. TIMELINEMonday, August 8, 11
  9. HTML 2 Nov. 1995 Coolio - Gangsta’s ParadiseMonday, August 8, 11
  10. HTML 3.2 Jan. 1997 Kenny G - Six of HeartsMonday, August 8, 11
  11. HTML 4 Dec. 1997 Eminem - The Slim Shady EPMonday, August 8, 11
  12. XHTML 1.0 Jan. 2000 The Presidents of the United States of America - LumpMonday, August 8, 11
  13. />Monday, August 8, 11
  14. XHTML 1.1 May 2001 Janet Jackson - All For YouMonday, August 8, 11
  15. HTML5 Jun. 2004 Usher - Yeah!Monday, August 8, 11
  16. I’ll get you! HTML5 Jun. 2004 apple.com/hotnews/thoughts-on-flash/Monday, August 8, 11
  17. apple.com/html5Monday, August 8, 11
  18. Web 2.0 Web 3.0 Everything jQuery MooTools What it’s not: Games Flash Killer YUI Audio CSS3 Silverlight Killer Animations VideoMonday, August 8, 11
  19. ...and it’s not HTML 5 see that space?Monday, August 8, 11
  20. What it is.Monday, August 8, 11
  21. “ In the thinking of its creators, HTML5 was always just HTML.” ~ Jeffrey Zeldman http://www.zeldman.com/2011/01/27/html5-vs-html/Monday, August 8, 11
  22. Natural evolution HTML of HTML. http://blog.whatwg.org/html-is-the-new-html5Monday, August 8, 11
  23. Application Platform SEMANTICS CSS 3 GRAPHICS & 3D MULTIMEDIA DEVICE PERFORMANCE & CONNECTIVITY OFFLINE STORAGE INTEGRATION ACCESSMonday, August 8, 11
  24. SEMANTICSMonday, August 8, 11
  25. /> == > but really > > />Monday, August 8, 11
  26. <!DOCTYPE html>Monday, August 8, 11
  27. <meta charset=”utf-8”>Monday, August 8, 11
  28. <h2> <a href=”#”>Heading</a> </h2> <p> <a href=”#”>Text</a> </p> Hat Tip: Jeremy Keith (@adactio)Monday, August 8, 11
  29. <a href=”#”> <h2>Heading</h2> <p>Text</p> </a> Hat Tip: Jeremy Keith (@adactio)Monday, August 8, 11
  30. <header> <nav> <footer> <section> <article> <aside> <details> <summary> <figure> <video> <audio> <canvas>Monday, August 8, 11
  31. <div class=”footer”> <div class=”nav”> <ul> <li><a href=”#”>This</a></li> <li><a href=”#”>That</a></li> </ul> </div> </div> Hat Tip: Jeremy Keith (@adactio)Monday, August 8, 11
  32. <footer> <nav> <a href=”#”>This</a> <a href=”#”>That</a> </nav> </footer> Hat Tip: Jeremy Keith (@adactio)Monday, August 8, 11
  33. <time> <input type=”email”> <input type=”url”>Monday, August 8, 11
  34. http://dev.opera.com/articles/view/new-form-features-in-HTML5/Monday, August 8, 11
  35. <section> <article>Monday, August 8, 11
  36. http://andyrutledge.com/news-redux.phpMonday, August 8, 11
  37. Section or Article? http://andyrutledge.com/news-redux.phpMonday, August 8, 11
  38. <article> <header> <h2>Lauren Cheney Stan...</h2> <summary>Frankfurt...</summary> <details>by Shelly...</details> </header> <figure> <img src=”/photos/yay.jpg”> <figcaption>Laur...</figcaption> </figure> <section id=”content”> <p>When the 79th minute...</p> <p>...</p> </section> <aside> <a>Print</a> <a>Single Page</a> <ul><li>...</li><li>...</li></ul> </aside></article> http://andyrutledge.com/news-redux.phpMonday, August 8, 11
  39. Application Platform SEMANTICS CSS 3 GRAPHICS & 3D MULTIMEDIA DEVICE PERFORMANCE & CONNECTIVITY OFFLINE STORAGE INTEGRATION ACCESSMonday, August 8, 11
  40. www.nikebetterworld.comMonday, August 8, 11
  41. www.thisshell.comMonday, August 8, 11
  42. http://mbostock.github.com/d3/ex/stack.htmlMonday, August 8, 11
  43. http://mbostock.github.com/d3/ex/bullet.htmlMonday, August 8, 11
  44. phonegap.comMonday, August 8, 11
  45. “ We realized we could do the full Pandora experience without Flash.” ~ Tom Conrad, CTO - Pandora pandora.com/newpandoraMonday, August 8, 11
  46. WHY?Monday, August 8, 11
  47. You already know it.Monday, August 8, 11
  48. What about browser support, man?Monday, August 8, 11
  49. Monday, August 8, 11
  50. Browsers already know it, too.Monday, August 8, 11
  51. document.createElement(); http://html5shiv.googlecode.comMonday, August 8, 11
  52. document.createElement(“header”); document.createElement(“footer”); document.createElement(“section”); document.createElement(“nav”); and so on... http://html5shiv.googlecode.comMonday, August 8, 11
  53. Offline StorageMonday, August 8, 11
  54. GeolocationMonday, August 8, 11
  55. Because it’s already all around you.Monday, August 8, 11
  56. Because of IE6.Monday, August 8, 11
  57. 95% of the Web doesn’t validate.Monday, August 8, 11
  58. Beyond the Rendering EngineMonday, August 8, 11
  59. <b><i>Hi there</b></i> http://labs.opera.com/news/2011/02/22/Monday, August 8, 11
  60. Internet Explorer 9, Safari 5 <b><i>Hi there</i></b><i></i> Firefox, Opera, Chrome <b><i>Hi there</i></b> http://labs.opera.com/news/2011/02/22/Monday, August 8, 11
  61. Because it’s cool.Monday, August 8, 11
  62. ResourcesMonday, August 8, 11
  63. vid.lyMonday, August 8, 11
  64. html5boilerplate.com @boiler_plateMonday, August 8, 11
  65. modernizr.com @modernizrMonday, August 8, 11
  66. github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-PolyfillsMonday, August 8, 11
  67. MORE RESOURCES - diveintohtml5.com - html5doctor.com - html5wow.com - html5demos.com - html5accessibility.com/HTML5ASS/ - html5labs.interoperabilitybridges.comMonday, August 8, 11
  68. 4,835,049,149 400 New people come online every minuteMonday, August 8, 11
  69. www.lingscars.comMonday, August 8, 11
  70. nissanusa.com/leaf-electric-carMonday, August 8, 11
  71. “Do or do not. There is no try.” ~ YodaMonday, August 8, 11
  72. Thank you. J. Cornelius jcornelius.comMonday, August 8, 11

×