Upgrade to Pro — share decks privately, control downloads, hide ads and more …

It's Not Your Father's Web Anymore // DrupalCamp Montreal

D83926c323d4f9289f947b4b4e76b939?s=47 Jen Simmons
September 16, 2011

It's Not Your Father's Web Anymore // DrupalCamp Montreal

Presented as the keynote at DrupalCamp Montreal 2011.

For the last twenty years, we have been creating websites from inside of a certain set of constraints — inside the limits of the technology that runs the web. We became so used to those constraints, we stopped thinking about them. But HTML5 changes many of these limits. The new HTML specs define a lot more than markup — there's a lot about databases, communication protocols, and how websites & browsers talk to each other. Radical stuff. It will redefine the creature formerly-known as the "web page". Jen Simmons will walk us through the new possibilities created by HTML5’s APIs. Don't just wait around to see how other people implement these technologies. Learn about HTML5 APIs yourself, and envision the web of the future.

D83926c323d4f9289f947b4b4e76b939?s=128

Jen Simmons

September 16, 2011
Tweet

More Decks by Jen Simmons

Other Decks in Technology

Transcript

  1. IT'S NOT YOUR FATHER'S WEB ANYMORE

  2. JEN SIMMONS jensimmons.com twitter: jensimmons

  3. None
  4. None
  5. 5by5.tv/webahead

  6. INTERNET

  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. FTP BBS eMail Usenet LISTSERV IRC Gopher 1971 1973 1973

    1979 1986 1988 1991
  15. None
  16. CompuServ The Source Delphi GEnie AppleLink eWorld America OnLine

  17. HYPERTEXT

  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. http://www.homestarrunner.com/sbemail51.html WEB 1.0

  27. LINK HTML HTTP

  28. WHAT TO DO?

  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None
  38. None
  39. WEB 1.0 Find something Read Look at images Click links

    to find more things
  40. WEB 2.0

  41. None
  42. WEB 2.0 Comment Sign in Add text, photos, video, audio

    Connect to other users Buy things Participate, not just read
  43. None
  44. WEB 3.0

  45. None
  46. STORAGE

  47. Local Storage Session Storage key|value pairs WEB STORAGE

  48. full-fledged client-side database also, WebSQL INDEX DB

  49. None
  50. APPLICATION CACHE

  51. None
  52. WEB SOCKETS

  53. None
  54. None
  55. kaazing.me

  56. CROSS ORIGIN COMMUNICATION

  57. RESPONSIVE DESIGN

  58. • 28.8k modem • 600x 480 • keyboard & mouse

  59. • 56.6k • 800x 680 • keyboard & mouse

  60. • dsl • 1024x768 • keyboard & mouse

  61. • fios • 1024x768+ • keyboard & mouse • 3g

    • 320x480 • touch screen
  62. • fios, cable, dsl, satellite, dial-up, 4g, 3g, edge •

    widths: 320, 480, 600, 768, 1024, 1200, 1330, 1440, 1900... • keyboard, mouse, touch, screenreader, large text
  63. None
  64. SO WHAT? OR, ER, WHY?

  65. LEARN MORE

  66. Pro HTML5 Programming Peter Lubbers, Brian Albers, and Frank Salim

    prohtml5.com coupon code at 5by5.tv/webahead/1
  67. dev.w3.org/html5/spec/Overview.html THE SPEC ITSELF

  68. THE SPEC ITSELF whatwg.org/html5

  69. diveintohtml5.org

  70. html5rocks.com

  71. caniuse.com

  72. quirksmode.org/mobile

  73. None
  74. None
  75. 5by5.tv/webahead

  76. ME jensimmons.com twitter: jensimmons