How I Learned To Stop Worrying & Love HTML5
1 like624 views
The document is a presentation about HTML5. It defines HTML5 as both old and new, discussing elements that are still supported and new elements added. It addresses common myths around HTML5 like it being a Flash killer. The presentation outlines advantages of HTML5 for different roles like publishers, designers, and developers. It provides examples of how to implement semantic HTML5 elements and multimedia. Finally, it recommends resources for learning more about HTML5 like books, websites, and events.
How I Learned To Stop Worrying & Love HTML5
- 1. Thursday, September 1, 11
- 2. "You'll 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. Dale Cruse author, "HTML5 Multimedia Development Cookbook" Thursday, September 1, 11
- 5. I Thursday, September 1, 11
- 10. & Thursday, September 1, 11
- 11. love Thursday, September 1, 11
- 12. Thursday, September 1, 11
- 13. what is html5? Thursday, September 1, 11
- 14. html5 is: html Thursday, September 1, 11
- 15. html5 is: old & new at the same time Thursday, September 1, 11
- 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. 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. no good: <acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <strike> <tt> <u> <xmp> Thursday, September 1, 11
- 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. what its not Thursday, September 1, 11
- 21. html5 isnt: css3 Thursday, September 1, 11
- 22. html5 isnt: design Thursday, September 1, 11
- 23. html5 isnt: a flash killer Thursday, September 1, 11
- 24. myth #1: <flash_killer> Thursday, September 1, 11
- 25. myth #2: <hype> Thursday, September 1, 11
- 26. myth #3: <not_ready> Thursday, September 1, 11
- 27. myth #4: <easy_multimedia> Thursday, September 1, 11
- 28. myth #5: <xml_killer> Thursday, September 1, 11
- 29. So what? Thursday, September 1, 11
- 30. so what? more browser goodness Thursday, September 1, 11
- 31. so what? advantages for different people Thursday, September 1, 11
- 33. Publishers mobile Thursday, September 1, 11
- 34. Publishers use what you know Thursday, September 1, 11
- 35. Publishers on even when it's off Thursday, September 1, 11
- 37. designers freedom Thursday, September 1, 11
- 38. Thursday, September 1, 11
- 39. front-end developers Thursday, September 1, 11
- 40. front-end developers doctype Thursday, September 1, 11
- 41. <!doctype html> Thursday, September 1, 11
- 42. front-end developers semantic naming Thursday, September 1, 11
- 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. "Do not piss your future self off!" Source: Jeremy Keith, in his An Event Apart presentation. Thursday, September 1, 11
- 45. front-end developers multimedia Thursday, September 1, 11
- 47. <video src=/slideshow/how-i-learned-to-stop-worrying-love-html5-9232121/9232121/""> <audio src=/slideshow/how-i-learned-to-stop-worrying-love-html5-9232121/9232121/""> Thursday, September 1, 11
- 48. <video src=/slideshow/how-i-learned-to-stop-worrying-love-html5-9232121/9232121/""> <audio src=/slideshow/how-i-learned-to-stop-worrying-love-html5-9232121/9232121/""> ubiquitous as: <img src=/slideshow/how-i-learned-to-stop-worrying-love-html5-9232121/9232121/""> Thursday, September 1, 11
- 50. middle-tier developers javascript Thursday, September 1, 11
- 51. middle-tier developers web sockets Thursday, September 1, 11
- 52. content creators Thursday, September 1, 11
- 53. content creators seo Thursday, September 1, 11
- 54. content creators content first, finally Thursday, September 1, 11
- 55. "If you don't know what you're designing, you can't design it." Source: Jeffrey Zeldman, during his DIBI Conference keynote Thursday, September 1, 11
- 57. consumers no upgrade path Thursday, September 1, 11
- 58. consumers mobile advantages Thursday, September 1, 11
- 59. whos using it? Thursday, September 1, 11
- 60. whos using it? google Thursday, September 1, 11
- 61. Thursday, September 1, 11
- 62. whos using it? facebook Thursday, September 1, 11
- 63. Thursday, September 1, 11
- 64. whos using it? apple Thursday, September 1, 11
- 65. Thursday, September 1, 11
- 66. how can i use it? Thursday, September 1, 11
- 67. how can i use it? update your doctype Thursday, September 1, 11
- 68. <!doctype html> Thursday, September 1, 11
- 69. how can i use it? use semantic naming Thursday, September 1, 11
- 72. <nav> Thursday, September 1, 11
- 73. <div> Thursday, September 1, 11
- 74. how can i use it? relook your forms Thursday, September 1, 11
- 75. old school: <input name="keys" value="Search"> Thursday, September 1, 11
- 76. new school: <input name="keys" placeholder="Search"> Thursday, September 1, 11
- 77. old school: JavaScript-based date picker. Thursday, September 1, 11
- 78. new school: <input type="date"> Thursday, September 1, 11
- 79. how can i use it? ready for more? Thursday, September 1, 11
- 80. now what? Thursday, September 1, 11
- 84. websites: diveintohtml5.org Thursday, September 1, 11
- 85. websites: html5doctor.com Thursday, September 1, 11
- 86. websites: html5rocks.com Thursday, September 1, 11
- 87. events: An event apart Thursday, September 1, 11
- 88. events: build guild Thursday, September 1, 11
- 89. events: other meetups Thursday, September 1, 11
- 90. events: other meetups: meetup.com/Boston-HTML5-Game- Development Thursday, September 1, 11
- 92. thank you Thursday, September 1, 11
- 93. Credits: All movie stills from "Dr. Strangelove" Strangelove fonts by MyFonts.com zeldman photo from zeldman.com jeremy keith photo from adactio.co.uk Thursday, September 1, 11
- 94. Dale Cruse author, "HTML5 Multimedia Development Cookbook" dalejcruse.com Thursday, September 1, 11