How I Learned To Stop Worrying & Love HTML5

1,025 views
948 views

Published on

Published in: Technology, News & Politics
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,025
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

How I Learned To Stop Worrying & Love HTML5

  1. 1. Thursday, September 1, 11
  2. 2. "Youll all be in line for promotions when this is over!" Source: Major T. J. "King" Kong, in the movie "Dr. Strangelove"Thursday, September 1, 11
  3. 3. Dale Cruse author, "HTML5 Multimedia Development Cookbook"Thursday, September 1, 11
  4. 4. HOWThursday, September 1, 11
  5. 5. IThursday, September 1, 11
  6. 6. learnedThursday, September 1, 11
  7. 7. toThursday, September 1, 11
  8. 8. stopThursday, September 1, 11
  9. 9. worryingThursday, September 1, 11
  10. 10. &Thursday, September 1, 11
  11. 11. loveThursday, September 1, 11
  12. 12. Thursday, September 1, 11
  13. 13. what is html5?Thursday, September 1, 11
  14. 14. html5 is: • htmlThursday, September 1, 11
  15. 15. html5 is: • old & new at the same timeThursday, September 1, 11
  16. 16. still good: <a> <abbr> <address> <area> <b> <base> <bdo><blockquote> <body> <br> <button> <caption> <cite> <code> <col><colgroup> <dd> <del> <dfn> <div><dl> <dt> <em> <fieldset> <form> <h1> <h2> <h3> <h4> <h5> <h6> <head> <hr> <i> <iframe> <img> <input> <ins> <kbd> <label>Thursday, September 1, 11
  17. 17. still good: <legend> <li> <link><map> <menu> <noscript> <object> <ol> <optgroup> <option> <p> <param> <pre> <q> <s> <samp><script> <select> <small> <span> <strong> <style> <sub> <sup> <table> <tbody> <td> <textarea><tfoot> <th> <thead> <title> <tr> <ul> <var>Thursday, September 1, 11
  18. 18. no good: <acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <strike> <tt> <u> <xmp>Thursday, September 1, 11
  19. 19. more gooder: <article> <aside> <audio> <canvas> <command> <datalist> <details> <embed> <figcaption> <figure> <footer><header> <hgroup> <keygen> <mark><meter> <nav> <output> <progress> <rp> <rt> <ruby> <section><source> <summary> <time> <video> <wbr>Thursday, September 1, 11
  20. 20. what it’s notThursday, September 1, 11
  21. 21. html5 isn’t: • css3Thursday, September 1, 11
  22. 22. html5 isn’t: • designThursday, September 1, 11
  23. 23. html5 isn’t: • a flash killerThursday, September 1, 11
  24. 24. myth #1: <flash_killer>Thursday, September 1, 11
  25. 25. myth #2: <hype>Thursday, September 1, 11
  26. 26. myth #3: <not_ready>Thursday, September 1, 11
  27. 27. myth #4: <easy_multimedia>Thursday, September 1, 11
  28. 28. myth #5: <xml_killer>Thursday, September 1, 11
  29. 29. So what?Thursday, September 1, 11
  30. 30. so what? • more browser goodnessThursday, September 1, 11
  31. 31. so what? • advantages for different peopleThursday, September 1, 11
  32. 32. PublishersThursday, September 1, 11
  33. 33. Publishers • mobileThursday, September 1, 11
  34. 34. Publishers • use what you knowThursday, September 1, 11
  35. 35. Publishers • on even when its offThursday, September 1, 11
  36. 36. designersThursday, September 1, 11
  37. 37. designers • freedomThursday, September 1, 11
  38. 38. Thursday, September 1, 11
  39. 39. front-end developersThursday, September 1, 11
  40. 40. front-end developers • doctypeThursday, September 1, 11
  41. 41. <!doctype html>Thursday, September 1, 11
  42. 42. front-end developers • semantic namingThursday, September 1, 11
  43. 43. more gooder: <article> <aside> <audio> <canvas> <datalist> <details> <figcaption> <figure> <footer> <header> <hgroup> <keygen> <mark> <meter> <nav> <output> <progress> <section><source> <summary> <time> <video>Thursday, September 1, 11
  44. 44. "Do not piss your future self off!" Source: Jeremy Keith, in his An Event Apart presentation.Thursday, September 1, 11
  45. 45. front-end developers • multimediaThursday, September 1, 11
  46. 46. <video src="">Thursday, September 1, 11
  47. 47. <video src=""> <audio src="">Thursday, September 1, 11
  48. 48. <video src=""> <audio src=""> ubiquitous as: <img src="">Thursday, September 1, 11
  49. 49. middle-tier developersThursday, September 1, 11
  50. 50. middle-tier developers • javascriptThursday, September 1, 11
  51. 51. middle-tier developers • web socketsThursday, September 1, 11
  52. 52. content creatorsThursday, September 1, 11
  53. 53. content creators • seoThursday, September 1, 11
  54. 54. content creators • content first, finallyThursday, September 1, 11
  55. 55. "If you dont know what youre designing, you cant design it." Source: Jeffrey Zeldman, during his DIBI Conference keynoteThursday, September 1, 11
  56. 56. consumersThursday, September 1, 11
  57. 57. consumers • no upgrade pathThursday, September 1, 11
  58. 58. consumers • mobile advantagesThursday, September 1, 11
  59. 59. who’s using it?Thursday, September 1, 11
  60. 60. who’s using it? • googleThursday, September 1, 11
  61. 61. Thursday, September 1, 11
  62. 62. who’s using it? • facebookThursday, September 1, 11
  63. 63. Thursday, September 1, 11
  64. 64. who’s using it? • appleThursday, September 1, 11
  65. 65. Thursday, September 1, 11
  66. 66. how can i use it?Thursday, September 1, 11
  67. 67. how can i use it? • update your doctypeThursday, September 1, 11
  68. 68. <!doctype html>Thursday, September 1, 11
  69. 69. how can i use it? • use semantic namingThursday, September 1, 11
  70. 70. <header>Thursday, September 1, 11
  71. 71. <footer>Thursday, September 1, 11
  72. 72. <nav>Thursday, September 1, 11
  73. 73. <div>Thursday, September 1, 11
  74. 74. how can i use it? • relook your formsThursday, September 1, 11
  75. 75. old school: <input name="keys" value="Search">Thursday, September 1, 11
  76. 76. new school: <input name="keys" placeholder="Search">Thursday, September 1, 11
  77. 77. old school: JavaScript-based date picker.Thursday, September 1, 11
  78. 78. new school: <input type="date">Thursday, September 1, 11
  79. 79. how can i use it? • ready for more?Thursday, September 1, 11
  80. 80. now what?Thursday, September 1, 11
  81. 81. books:Thursday, September 1, 11
  82. 82. books:Thursday, September 1, 11
  83. 83. books:Thursday, September 1, 11
  84. 84. websites: • diveintohtml5.orgThursday, September 1, 11
  85. 85. websites: • html5doctor.comThursday, September 1, 11
  86. 86. websites: • html5rocks.comThursday, September 1, 11
  87. 87. events: • An event apartThursday, September 1, 11
  88. 88. events: • build guildThursday, September 1, 11
  89. 89. events: • other meetupsThursday, September 1, 11
  90. 90. events: • other meetups: •meetup.com/Boston-HTML5-Game- DevelopmentThursday, September 1, 11
  91. 91. questions?Thursday, September 1, 11
  92. 92. thank youThursday, September 1, 11
  93. 93. Credits: • All movie stills from "Dr. Strangelove" • Strangelove fonts by MyFonts.com • zeldman photo from zeldman.com • jeremy keith photo from adactio.co.ukThursday, September 1, 11
  94. 94. Dale Cruse author, "HTML5 Multimedia Development Cookbook" dalejcruse.comThursday, September 1, 11

×