How I Learned To Stop Worrying & Love HTML5
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

How I Learned To Stop Worrying & Love HTML5

on

  • 1,097 views

 

Statistics

Views

Total Views
1,097
Views on SlideShare
1,096
Embed Views
1

Actions

Likes
1
Downloads
7
Comments
0

1 Embed 1

http://paper.li 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

How I Learned To Stop Worrying & Love HTML5 Presentation Transcript

  • 1. Thursday, September 1, 11
  • 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. Dale Cruse author, "HTML5 Multimedia Development Cookbook"Thursday, September 1, 11
  • 4. HOWThursday, September 1, 11
  • 5. IThursday, September 1, 11
  • 6. learnedThursday, September 1, 11
  • 7. toThursday, September 1, 11
  • 8. stopThursday, September 1, 11
  • 9. worryingThursday, September 1, 11
  • 10. &Thursday, September 1, 11
  • 11. loveThursday, September 1, 11
  • 12. Thursday, September 1, 11
  • 13. what is html5?Thursday, September 1, 11
  • 14. html5 is: • htmlThursday, September 1, 11
  • 15. html5 is: • old & new at the same timeThursday, 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 it’s notThursday, September 1, 11
  • 21. html5 isn’t: • css3Thursday, September 1, 11
  • 22. html5 isn’t: • designThursday, September 1, 11
  • 23. html5 isn’t: • a flash killerThursday, 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 goodnessThursday, September 1, 11
  • 31. so what? • advantages for different peopleThursday, September 1, 11
  • 32. PublishersThursday, September 1, 11
  • 33. Publishers • mobileThursday, September 1, 11
  • 34. Publishers • use what you knowThursday, September 1, 11
  • 35. Publishers • on even when its offThursday, September 1, 11
  • 36. designersThursday, September 1, 11
  • 37. designers • freedomThursday, September 1, 11
  • 38. Thursday, September 1, 11
  • 39. front-end developersThursday, September 1, 11
  • 40. front-end developers • doctypeThursday, September 1, 11
  • 41. <!doctype html>Thursday, September 1, 11
  • 42. front-end developers • semantic namingThursday, 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 • multimediaThursday, September 1, 11
  • 46. <video src="">Thursday, September 1, 11
  • 47. <video src=""> <audio src="">Thursday, September 1, 11
  • 48. <video src=""> <audio src=""> ubiquitous as: <img src="">Thursday, September 1, 11
  • 49. middle-tier developersThursday, September 1, 11
  • 50. middle-tier developers • javascriptThursday, September 1, 11
  • 51. middle-tier developers • web socketsThursday, September 1, 11
  • 52. content creatorsThursday, September 1, 11
  • 53. content creators • seoThursday, September 1, 11
  • 54. content creators • content first, finallyThursday, September 1, 11
  • 55. "If you dont know what youre designing, you cant design it." Source: Jeffrey Zeldman, during his DIBI Conference keynoteThursday, September 1, 11
  • 56. consumersThursday, September 1, 11
  • 57. consumers • no upgrade pathThursday, September 1, 11
  • 58. consumers • mobile advantagesThursday, September 1, 11
  • 59. who’s using it?Thursday, September 1, 11
  • 60. who’s using it? • googleThursday, September 1, 11
  • 61. Thursday, September 1, 11
  • 62. who’s using it? • facebookThursday, September 1, 11
  • 63. Thursday, September 1, 11
  • 64. who’s using it? • appleThursday, 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 doctypeThursday, September 1, 11
  • 68. <!doctype html>Thursday, September 1, 11
  • 69. how can i use it? • use semantic namingThursday, September 1, 11
  • 70. <header>Thursday, September 1, 11
  • 71. <footer>Thursday, September 1, 11
  • 72. <nav>Thursday, September 1, 11
  • 73. <div>Thursday, September 1, 11
  • 74. how can i use it? • relook your formsThursday, 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
  • 81. books:Thursday, September 1, 11
  • 82. books:Thursday, September 1, 11
  • 83. books:Thursday, September 1, 11
  • 84. websites: • diveintohtml5.orgThursday, September 1, 11
  • 85. websites: • html5doctor.comThursday, September 1, 11
  • 86. websites: • html5rocks.comThursday, September 1, 11
  • 87. events: • An event apartThursday, September 1, 11
  • 88. events: • build guildThursday, September 1, 11
  • 89. events: • other meetupsThursday, September 1, 11
  • 90. events: • other meetups: •meetup.com/Boston-HTML5-Game- DevelopmentThursday, September 1, 11
  • 91. questions?Thursday, September 1, 11
  • 92. thank youThursday, 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.ukThursday, September 1, 11
  • 94. Dale Cruse author, "HTML5 Multimedia Development Cookbook" dalejcruse.comThursday, September 1, 11