Will Change
the Web
and Your
Designs
APIs#html5apis
5by5.tv/webahead
WEB SOCKET
The World-Wide Web (W3) was developed to be a pool of human knowledge, which would allow collaborators in remote sites to share their ideas and all aspects of a common project… The idea of the Web was prompted by positive experience of a small “home-brew” personal hypertext system used for keeping track of personal information on a distributed project.
— Tim Berners-Lee, 1994
URLHTTPHTML
URL
URL
HTTP request
HTML
another URL
HTTP request
image orcss file orjavascript file orsomething else
WEB SOCKET
Truly bidirectional, full duplex
Always open connection
video at vimeo.com/36676406
video at vimeo.com/31266606
video at vimeo.com/32956007
kaazing.com/demo
spacewords.gamesforlanguage.com
What to do?Real-time updates of content on a single web page
Multiple people using single page, seeing each others activity immediately
One person using multiple web windows on multiple devices at the same time
WEB SOCKET
The Web Ahead #5
STORAGE
Local StorageSession Storagekey|value pairs
Web storage
full-fledged client-side databasealso, WebSQL
Index DB
APPLICATION CACHE
Assumption of the web: you have to be online to use a website, right?
Nope.
The Web Ahead #1
FILES
File APIFile Reader / Writer / SystemBlob URLs / Blob BuilderDrag & Drop
Files
The Web Ahead #14
DEVICE APIs
Vibration API
Device API Roadmapw3.org/2009/dap
WebGL
code.google.com/p/webglsamples
video of this aquarium demo at youtube.com/watch?v=64TcBiqmVko
[ TBA ]
?
WEB SOCKETSTORAGE
APPLICATION CACHEFILES
DEVICE APIsWebGL[TBA]
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.
5by5.tv/webahead
Thanks!Jen Simmons
Send Questions to me at@jensimmons
Top Related