Your SlideShare is downloading. ×
0
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
HTML5 - Yeah!
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

HTML5 - Yeah!

4,745

Published on

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

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
4,745
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
98
Comments
1
Likes
6
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×