HTML5 Beyond the Hype

  • Published on
    20-Aug-2015

  • View
    2.398

  • Download
    1

Embed Size (px)

Transcript

  1. 1. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comHTML5 Beyond the Hype Nick Floro Nick@sealworks.com Twitter.com/NickFloroLaunchCycle.com - The simple way to manage projects.11/05/121 of 201
  2. 2. DevLearn12 : HTML5 presented by Nick FloroNick@sealworks.comgoals GoalsLaunchCycle.com - The simple way to manage projects. 11/05/122 of 201
  3. 3. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comshareLaunchCycle.com - The simple way to manage projects.11/05/123 of 201
  4. 4. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com ExperimentexperimentLaunchCycle.com - The simple way to manage projects.11/05/124 of 201
  5. 5. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/125 of 201
  6. 6. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com ResourcesLaunchCycle.com - The simple way to manage projects.11/05/126 of 201
  7. 7. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comStatsLaunchCycle.com - The simple way to manage projects.11/05/127 of 201
  8. 8. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com 7 billion people on earth.LaunchCycle.com - The simple way to manage projects.11/05/128 of 201
  9. 9. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com 2.2 billion Internet usersLaunchCycle.com - The simple way to manage projects.11/05/129 of 201
  10. 10. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com 1.5 billion TVsLaunchCycle.com - The simple way to manage projects.11/05/1210 of 201
  11. 11. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com Currently over 6.2 billion cellphone subscriptions.LaunchCycle.com - The simple way to manage projects.11/05/1211 of 201
  12. 12. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comThere are only3.5 billion toothbrushes.LaunchCycle.com - The simple way to manage projects.11/05/1212 of 201
  13. 13. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com 1992 to 2002LaunchCycle.com - The simple way to manage projects.11/05/1213 of 201
  14. 14. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com 2002 to 2012LaunchCycle.com - The simple way to manage projects.11/05/1214 of 201
  15. 15. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comThe Web Platform is AcceleratingLaunchCycle.com - The simple way to manage projects.11/05/1215 of 201
  16. 16. DevLearn12 : HTML5 presented by Nick FloroNick@sealworks.comSolving Developer Challenges GraphicsLocation Storage SpeedLaunchCycle.com - The simple way to manage projects. 11/05/12 16 of 201
  17. 17. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comWhat can we do with HTML5LaunchCycle.com - The simple way to manage projects.11/05/1217 of 201
  18. 18. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1218 of 201
  19. 19. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1219 of 201
  20. 20. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1220 of 201
  21. 21. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1221 of 201
  22. 22. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1222 of 201
  23. 23. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comCreate and deliver everywhere.LaunchCycle.com - The simple way to manage projects.11/05/1223 of 201
  24. 24. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comThe Web PlatformLaunchCycle.com - The simple way to manage projects.11/05/1224 of 201
  25. 25. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com WebAppLaunchCycle.com - The simple way to manage projects.11/05/1225 of 201
  26. 26. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com Web AppLaunchCycle.com - The simple way to manage projects.11/05/1226 of 201
  27. 27. DevLearn12 : HTML5 presented by Nick FloroNick@sealworks.com Web AppHTML JavascriptCSS APIsLaunchCycle.com - The simple way to manage projects. 11/05/1227 of 201
  28. 28. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1228 of 201
  29. 29. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1229 of 201
  30. 30. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1230 of 201
  31. 31. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comPulse Mobile AppLaunchCycle.com - The simple way to manage projects.11/05/12 31 of 201
  32. 32. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comPulse Mobile AppLaunchCycle.com - The simple way to manage projects.11/05/12 32 of 201
  33. 33. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com Chrome.AngryBirds.comLaunchCycle.com - The simple way to manage projects.11/05/12 33 of 201
  34. 34. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1234 of 201
  35. 35. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comSEMANTICSDEVICE ACCESS CSS3 MULTIMEDIACONNECTIVITY PERFORMANCE &3D, GRAPHICS OFFLINE & STORAGE INTEGRATION & EFFECTSLaunchCycle.com - The simple way to manage projects. 11/05/1235 of 201
  36. 36. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comHTML5 = JS + CSS3LaunchCycle.com - The simple way to manage projects.11/05/1236 of 201
  37. 37. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comNext Generation Mobile Using Browsers Android iOSWindows PhoneRIM BlackberryLaunchCycle.com - The simple way to manage projects.11/05/1237 of 201
  38. 38. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1238 of 201
  39. 39. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1239 of 201
  40. 40. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1240 of 201
  41. 41. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1241 of 201
  42. 42. DevLearn12 : HTML5 presented by Nick FloroNick@sealworks.com Which browsers support HTML 5? ChromeSafariFirefox OperaLaunchCycle.com - The simple way to manage projects. 11/05/1242 of 201
  43. 43. DevLearn12 : HTML5 presented by Nick FloroNick@sealworks.com Which browsers support HTML 5? ChromeSafariFirefoxOpera BETA Internet Explorer 9LaunchCycle.com - The simple way to manage projects. 11/05/12 43 of 201
  44. 44. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com Browser Stats 2012Market Share HTML5 Support Internet Explorer 6-828%No Google Chrome24%Yes Mozilla Firefox23%Yes Internet Explorer 99% Yes Apple Safari 4% Yes iPhone / iPad4% Yes Opera2% Yes Google Android 2% Yes Other4% NoLaunchCycle.com - The simple way to manage projects.11/05/12 44 of 201
  45. 45. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com HTML 5 in the works...LaunchCycle.com - The simple way to manage projects.11/05/1245 of 201
  46. 46. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comAdvancedCore LanguageLaunchCycle.com - The simple way to manage projects.11/05/1246 of 201
  47. 47. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1247 of 201
  48. 48. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comHTML 4LaunchCycle.com - The simple way to manage projects.11/05/1248 of 201
  49. 49. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comHTML 5 - Introduces New ElementsLaunchCycle.com - The simple way to manage projects.11/05/1249 of 201
  50. 50. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comImprove Web AppsLaunchCycle.com - The simple way to manage projects.11/05/1250 of 201
  51. 51. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1251 of 201
  52. 52. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com chalk.37signals.comLaunchCycle.com - The simple way to manage projects.11/05/12 52 of 201
  53. 53. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1253 of 201
  54. 54. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com Flow chart CompatibilityLaunchCycle.com - The simple way to manage projects.11/05/1254 of 201
  55. 55. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.com Flow chart Replaces: XHTML 1.0 & Dom2html with new APIsLaunchCycle.com - The simple way to manage projects.11/05/1255 of 201
  56. 56. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comImproveHandling of ErrorsLaunchCycle.com - The simple way to manage projects.11/05/1256 of 201
  57. 57. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLaunchCycle.com - The simple way to manage projects.11/05/1257 of 201
  58. 58. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comFocus on the AudienceLaunchCycle.com - The simple way to manage projects.11/05/1258 of 201
  59. 59. DevLearn12 : HTML5 presented by Nick Floro Nick@sealworks.comLau