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

State of The Web // eduWeb

State of The Web // eduWeb

It is a wild time on the Web. Web browsing from phones and tablets is quickly outpacing traditional computers. New techniques for making websites are being developed so fast it is difficult to keep up. Meanwhile, old ideas once discarded are suddenly new again, revived as latest-and-greatest best practices. HTML5, CSS3, mobile, responsive web design: fads or fundamental changes in the nature of the web? Are we simply seeing incremental evolution, or is there a radically different future on the way? Where will it take us? What do we need to do to prepare? Jen Simmons will describe the State of The Web as she sees it, and what might happen next.

D83926c323d4f9289f947b4b4e76b939?s=128

Jen Simmons

July 30, 2012
Tweet

More Decks by Jen Simmons

Other Decks in Technology

Transcript

  1. State of the web Jen Simmons

  2. None
  3. Mobile. Mobile. Mobile.

  4. Photo by Jeremy Keith flickr.com/photos/adactio/6153522068/in/photostream

  5. asymco.com/2011/11/01/the- mobile-phone-landscape/ tech.fortune.cnn.com/2011/11/01/net-applications- ios-web-share-hit-record-61-6-in-oct/ Horace Deidu Philip Elmer-Dewitt

  6. The web is changing. Fast.

  7. None
  8. evolutionoftheweb.com

  9. I don’t think we have it yet.

  10. alistapart.com/articles/dao

  11. None
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. A website is a series of pages of content. Pages

    = content.
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. The web lives in a fixed-width browser.

  38. None
  39. None
  40. screen widths: 320, 480, 600, 768, 800, 1024, 1200, 1330,

    1440, 1920, 2048 speeds: edge, 3g, 3g in NYC, 4g, dialup, satellite, dsl, cable, fiber input devices: keyboard, mouse, touch, voice control, car controls, game controllers output modes: reading, looking, listening, voiceover, jaws, siri, large print
  41. The web is for the computer at your desk.

  42. None
  43. None
  44. None
  45. “Anything that can be connected to the Internet, will be.”

    — Luke Wroblewski
  46. “My website will meet you wherever you are.” — Trent

    Walton
  47. responsive web design

  48. None
  49. mobile first

  50. content first

  51. None
  52. web socket

  53. URL HTTP HTML

  54. None
  55. URL

  56. URL HTTP request

  57. HTML

  58. another URL HTTP request

  59. image or css file or javascript file or something else

  60. None
  61. None
  62. None
  63. None
  64. None
  65. None
  66. web socket

  67. Truly bidirectional, full duplex Always open connection

  68. None
  69. None
  70. None
  71. demo.kaazing.com/racer

  72. What to do with it? Real-time updates of content on

    a single web page Multiple people using single page, seeing each others activity One person using multiple web windows on multiple devices at the same time
  73. Storage

  74. None
  75. None
  76. None
  77. None
  78. None
  79. None
  80. None
  81. None
  82. None
  83. None
  84. None
  85. None
  86. Local Storage Session Storage Index db Web SQL

  87. None
  88. Application Cache

  89. You have to be online to use a website.

  90. Manifest file

  91. Files

  92. File API File Reader / Writer / System Blob URLs

    / Blob Builder Drag & Drop Files
  93. Media Stream

  94. None
  95. web audio API

  96. None
  97. None
  98. device APIs

  99. None
  100. Vibration API

  101. WebGL

  102. None
  103. chromeexperiments.com/bookcase

  104. controllers

  105. None
  106. [ tba ]

  107. new kinds of content

  108. None
  109. None
  110. None
  111. None
  112. None
  113. An innovator is not someone who creates something amazing out

    of nothing. An innovator is someone who wakes up to the constraints caused by false assumptions, and breaks out of them.
  114. 5by5.tv/webahead

  115. Jen Simmons twitter: jensimmons 5by5.tv/webahead contact me at: jensimmons.com/contact