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.

Transcript

1. State of the web Jen Simmons
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.
8. evolutionoftheweb.com
9. I don’t think we have it yet.
10. alistapart.com/articles/dao
24. A website is a series of pages of content. Pages = content.
37. The web lives in a fixed-width browser.
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.
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
49. mobile first
50. content first
52. web socket
53. URL HTTP HTML
55. URL
56. URL HTTP request
57. HTML
58. another URL HTTP request
59. image or css file or javascript file or something else
66. web socket
67. Truly bidirectional, full duplex Always open connection
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
86. Local Storage Session Storage Index db Web SQL
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
95. web audio API
98. device APIs
100. Vibration API
101. WebGL
103. chromeexperiments.com/bookcase
104. controllers
106. [ tba ]
107. new kinds of content
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