Thursday, September 1, 11
"Youll all be in line for              promotions when this is              over!"                       Source: Major T. ...
Dale Cruse              author, "HTML5 Multimedia              Development Cookbook"Thursday, September 1, 11
HOWThursday, September 1, 11
IThursday, September 1, 11
learnedThursday, September 1, 11
toThursday, September 1, 11
stopThursday, September 1, 11
worryingThursday, September 1, 11
&Thursday, September 1, 11
loveThursday, September 1, 11
Thursday, September 1, 11
what is html5?Thursday, September 1, 11
html5 is:                  •         htmlThursday, September 1, 11
html5 is:                  •         old & new at the same timeThursday, September 1, 11
still good: <a> <abbr> <address>     <area> <b> <base> <bdo><blockquote> <body> <br> <button>  <caption> <cite> <code> <co...
still good: <legend> <li> <link><map> <menu> <noscript> <object>  <ol> <optgroup> <option> <p>  <param> <pre> <q> <s> <sam...
no good: <acronym> <applet>      <basefont> <big> <center> <dir>         <font> <frame> <frameset>       <noframes> <strik...
more gooder: <article> <aside>   <audio> <canvas> <command>  <datalist> <details> <embed> <figcaption> <figure> <footer><h...
what it’s notThursday, September 1, 11
html5 isn’t:                  •         css3Thursday, September 1, 11
html5 isn’t:                  •         designThursday, September 1, 11
html5 isn’t:                  •         a flash killerThursday, September 1, 11
myth #1:                     <flash_killer>Thursday, September 1, 11
myth #2:                     <hype>Thursday, September 1, 11
myth #3:                     <not_ready>Thursday, September 1, 11
myth #4:                     <easy_multimedia>Thursday, September 1, 11
myth #5:                     <xml_killer>Thursday, September 1, 11
So what?Thursday, September 1, 11
so what?                  •         more browser goodnessThursday, September 1, 11
so what?                  •         advantages for different peopleThursday, September 1, 11
PublishersThursday, September 1, 11
Publishers                  •         mobileThursday, September 1, 11
Publishers                  •         use what you knowThursday, September 1, 11
Publishers                  •         on even when its offThursday, September 1, 11
designersThursday, September 1, 11
designers                  •         freedomThursday, September 1, 11
Thursday, September 1, 11
front-end developersThursday, September 1, 11
front-end developers                  •         doctypeThursday, September 1, 11
<!doctype html>Thursday, September 1, 11
front-end developers                  •         semantic namingThursday, September 1, 11
more gooder: <article> <aside>   <audio> <canvas> <datalist> <details> <figcaption> <figure>   <footer> <header> <hgroup> ...
"Do not piss your future              self off!"                                         Source: Jeremy Keith, in his An E...
front-end developers                  •         multimediaThursday, September 1, 11
<video src="">Thursday, September 1, 11
<video src="">                            <audio src="">Thursday, September 1, 11
<video src="">                            <audio src="">                             ubiquitous as:                       ...
middle-tier developersThursday, September 1, 11
middle-tier developers                  •         javascriptThursday, September 1, 11
middle-tier developers                  •         web socketsThursday, September 1, 11
content creatorsThursday, September 1, 11
content creators                  •         seoThursday, September 1, 11
content creators                  •         content first, finallyThursday, September 1, 11
"If you dont know what               youre designing, you cant               design it."                                  ...
consumersThursday, September 1, 11
consumers                  •         no upgrade pathThursday, September 1, 11
consumers                  •         mobile advantagesThursday, September 1, 11
who’s using it?Thursday, September 1, 11
who’s using it?                  •         googleThursday, September 1, 11
Thursday, September 1, 11
who’s using it?                  •         facebookThursday, September 1, 11
Thursday, September 1, 11
who’s using it?                  •         appleThursday, September 1, 11
Thursday, September 1, 11
how can i use it?Thursday, September 1, 11
how can i use it?                  •         update your doctypeThursday, September 1, 11
<!doctype html>Thursday, September 1, 11
how can i use it?                  •         use semantic namingThursday, September 1, 11
<header>Thursday, September 1, 11
<footer>Thursday, September 1, 11
<nav>Thursday, September 1, 11
<div>Thursday, September 1, 11
how can i use it?                  •         relook your formsThursday, September 1, 11
old school: <input name="keys"                            value="Search">Thursday, September 1, 11
new school: <input name="keys"                            placeholder="Search">Thursday, September 1, 11
old school: JavaScript-based date                            picker.Thursday, September 1, 11
new school: <input type="date">Thursday, September 1, 11
how can i use it?                 •      ready for more?Thursday, September 1, 11
now what?Thursday, September 1, 11
books:Thursday, September 1, 11
books:Thursday, September 1, 11
books:Thursday, September 1, 11
websites:                  •         diveintohtml5.orgThursday, September 1, 11
websites:                  •         html5doctor.comThursday, September 1, 11
websites:                  •         html5rocks.comThursday, September 1, 11
events:                  •         An event apartThursday, September 1, 11
events:                  •         build guildThursday, September 1, 11
events:                  •         other meetupsThursday, September 1, 11
events:                  •         other meetups:                      •meetup.com/Boston-HTML5-Game-                     ...
questions?Thursday, September 1, 11
thank youThursday, September 1, 11
Credits:                  •         All movie stills from "Dr. Strangelove"                  •         Strangelove fonts b...
Dale Cruse              author, "HTML5 Multimedia              Development Cookbook"              dalejcruse.comThursday, ...
Upcoming SlideShare
Loading in...5
×

How I Learned To Stop Worrying & Love HTML5

881

Published on

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

No Downloads
Views
Total Views
881
On Slideshare
0
From Embeds
0
Number of Embeds
0
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×