html5 apis will change the web — and your designs
DESCRIPTION
Listen to the audio recording of this presentation, while reading slides, at: http://lanyrd.com/2012/sxsw-interactive/spmyp HTML5. It's more than paving the cowpaths. It's more than markup. There's a lot of stuff in the spec about databases and communication protocols and blahdiblah backend juju. Some of that stuff is pretty radical. And it will change how you design websites. Why? Because for the last twenty years, web designers have been creating inside of a certain set of constraints. We've been limited in what's possible by the technology that runs the web. We became so used to those limits, we stopped thinking about them. They became invisible. They Just Are. Of course the web works this certain way. Of course a user clicks and waits, the page loads, like this… but guess what? That's not what the web will look like in the future. The constrains have changed. Come hear a non-nerd explanation of the new possibilities created by HTML5’s APIs. Don't just wait around to see how other people implement these technologies. Learn about HTML APIs yourself, so you can design for and create the web of the future.TRANSCRIPT
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