HTML5 - Beyond the Hype - Adobe Usergroup feb 2011

919 views
835 views

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
919
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • HTML5 - Beyond the Hype - Adobe Usergroup feb 2011

    1. 1. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    2. 2. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    3. 3. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    4. 4. HTML5 - Beyond the hype Timan Rebel CTO Mobypicture @timanrebel timan@mobypicture.com www.mobypicture.comMobypicture | HTML5 - AUG 2011 door Timan Rebel
    5. 5. <!doctype html> <html lang="en"> <head> <meta charset="utf-8">Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    6. 6. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    7. 7. "Despite the hype, the HTML5 specification isnt yet ready due to interoperability issues"Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    8. 8. html5readiness.comMobypicture | HTML5 - AUG 2011 door Timan Rebel
    9. 9. CSS 2.1 Candidate Recommendation 2009Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    10. 10. HTML5 Candidate Recommendation 2012Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    11. 11. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    12. 12. Sharing is part of everyday lifeMobypicture | HTML5 - AUG 2011 door Timan Rebel
    13. 13. Mobypicture - share your adventures in the easiest, most convenient wayMobypicture | HTML5 - AUG 2011 door Timan Rebel
    14. 14. Shoot & Share realtime across ALL your social sites shoot photo add description record video add tag record audio push locationMobypicture | HTML5 - AUG 2011 door Timan Rebel
    15. 15. History of HTML5Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    16. 16. HTML 2.0 1995 HTML 3.2 1997 HTML 4.0 1997 HTML 4.01 1999 XHTML 1.0 2000 XHTML 1.1 2001Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    17. 17. XHTML eXtendible text/xmlMobypicture | HTML5 - AUG 2011 door Timan Rebel
    18. 18. XHTML 2 wasn’t going to be backwards compatibleMobypicture | HTML5 - AUG 2011 door Timan Rebel
    19. 19. Web Forms 2.0 and Web Apps 1.0Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    20. 20. HTML5 is very backwards compatibleMobypicture | HTML5 - AUG 2011 door Timan Rebel
    21. 21. lowercase / uppercase quoted / unquoted self-closing / notMobypicture | HTML5 - AUG 2011 door Timan Rebel
    22. 22. <!doctype html> <html lang="en"> <head> <meta charset="utf-8">Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    23. 23. <!DOCTYPE HTML> <HTML LANG="EN"> <HEAD> <META CHARSET="UTF-8">Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    24. 24. <!doctype html> <html lang=en> <head> <meta charset=utf-8 />Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    25. 25. HTML5 is simplerMobypicture | HTML5 - AUG 2011 door Timan Rebel
    26. 26. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/ xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/ xhtml">Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    27. 27. <!doctype html> <html>Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    28. 28. <!doctype html> <html> <head> <meta charset="utf-8"> <script src="site.js">Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    29. 29. <!doctype html>Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    30. 30. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    31. 31. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    32. 32. Please read: A personal appeal from Mobypicture founder Mathys van AbbeMobypicture | HTML5 - AUG 2011 door Timan Rebel
    33. 33. Mobypicture | HTML5 - AUG 2011 door Timan Rebel Flickr: >fiasco
    34. 34. Mobypicture | HTML5 - AUG 2011 door Timan Rebel Flickr: Brandon Schaefer
    35. 35. SemanticsMobypicture | HTML5 - AUG 2011 door Timan Rebel
    36. 36. <header> <nav> <article> <aside> <section> <footer>Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    37. 37. <h1>Top Level Heading</h1> <section> <h1>Second Level Heading</h1> <p>this is text in a section</p> <section> <h1>Third Level Heading</h1> </section> </section>Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    38. 38. Device AccessMobypicture | HTML5 - AUG 2011 door Timan Rebel
    39. 39. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    40. 40. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    41. 41. MultimediaMobypicture | HTML5 - AUG 2011 door Timan Rebel
    42. 42. <video src="myvideo.mp4" controls> </video>Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    43. 43. Codecs :-(Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    44. 44. <video controls> <source src="pr6.mp4" type=video/mp4> <source src="pr6.webm" type=video/webm> <source src="pr6.ogv" type=video/ogg> </video>Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    45. 45. MeFeedia Reports 63 Percent Of Web Video Is HTML5-FriendlyMobypicture | HTML5 - AUG 2011 door Timan Rebel
    46. 46. 3D, Graphics & EffectsMobypicture | HTML5 - AUG 2011 door Timan Rebel
    47. 47. Quake2Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    48. 48. ConnectivityMobypicture | HTML5 - AUG 2011 door Timan Rebel
    49. 49. Offline & StorageMobypicture | HTML5 - AUG 2011 door Timan Rebel
    50. 50. CSS3 & StylingMobypicture | HTML5 - AUG 2011 door Timan Rebel
    51. 51. CSS3?Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    52. 52. iscss3partofhtml5.comMobypicture | HTML5 - AUG 2011 door Timan Rebel
    53. 53. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
    54. 54. Thank youMobypicture | HTML5 - AUG 2011 door Timan Rebel
    55. 55. @timanrebel timan@mobypicture.comMobypicture | HTML5 - AUG 2011 door Timan Rebel 55

    ×