W ill              a ndCh an  ge            Your  th e              De signs  W   eb            A PIs   #html5apis
Jen Simmons  @jensimmons  #html5apis
5by5.tv/webahead
WEB SOCKET
The World-Wide Web (W3) was developed tobe a pool of human knowledge, which wouldallow collaborators in remote sites to sh...
URLHTTPHTML
URL
HTTP request     URL
HTML
HTTP requestanother URL
image orcss file orjavascript file orsomething else
Etherpad
WEB SOCKET
Truly bidirectional,full duplexAlways 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 contenton a single web pageMultiple people using single page, seeingeach others activity i...
WEB SOCKET
The Web Ahead #5
STORAGE
Web storageLocal StorageSession Storagekey|value pairs
Index DBfull-fledged client-side databasealso, WebSQL
APPLICATION  CACHE
Assumption of the web:you have to be online touse a website, right?Nope.
The Web Ahead #1
FILES
FilesFile APIFile Reader / Writer / SystemBlob URLs / Blob BuilderDrag & Drop
The Web Ahead #14
DEVICE APIs
Vibration API
Device API Roadmap w3.org/2009/dap
WebGL
code.google.com/p/webglsamples    video of this aquarium demo at  youtube.com/watch?v=64TcBiqmVko
[ TBA ]
?
WEB SOCKET     STORAGEAPPLICATION CACHE       FILES   DEVICE APIs      WebGL       [TBA]
An innovator is not someonewho creates somethingamazing out of nothing.An innovator is someone whowakes up to the constrai...
5by5.tv/webahead
Thanks!  Jen SimmonsSend Questions to me at    @jensimmons
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
HTML5 APIs Will Change the Web — and Your Designs
Upcoming SlideShare
Loading in...5
×

HTML5 APIs Will Change the Web — and Your Designs

2,687

Published on

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.

Published in: Technology, Design
2 Comments
7 Likes
Statistics
Notes
  • Hi David — the audio is posted at http://lanyrd.com/2012/sxsw-interactive/spmyp

    Yeah, the slides don't tell the story by themselves. They supplement the talk; they don't stand on their own. Thanks for your kind words!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Your title slide is eye catching and you had me at 'blahdiblah backend juju' in the description (seriously loved that!) but I was sad to see that the presentation cannot stand on its own without audio. Would you be willing to add audio to it so that the awesomeness can shine through? (SlideShare itself is on HTML5 and will let you pair up a little audio juju to make this really cool)

    :: fingers crossed ::
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
2,687
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
65
Comments
2
Likes
7
Embeds 0
No embeds

No notes for slide

HTML5 APIs Will Change the Web — and Your Designs

  1. 1. W ill a ndCh an ge Your th e De signs W eb A PIs #html5apis
  2. 2. Jen Simmons @jensimmons #html5apis
  3. 3. 5by5.tv/webahead
  4. 4. WEB SOCKET
  5. 5. The World-Wide Web (W3) was developed tobe a pool of human knowledge, which wouldallow collaborators in remote sites to share theirideas and all aspects of a common project… Theidea of the Web was prompted by positiveexperience of a small “home-brew” personalhypertext system used for keeping track ofpersonal information on a distributed project. — Tim Berners-Lee, 1994
  6. 6. URLHTTPHTML
  7. 7. URL
  8. 8. HTTP request URL
  9. 9. HTML
  10. 10. HTTP requestanother URL
  11. 11. image orcss file orjavascript file orsomething else
  12. 12. Etherpad
  13. 13. WEB SOCKET
  14. 14. Truly bidirectional,full duplexAlways open connection
  15. 15. video at vimeo.com/36676406
  16. 16. video at vimeo.com/31266606
  17. 17. video at vimeo.com/32956007
  18. 18. kaazing.com/demo
  19. 19. spacewords.gamesforlanguage.com
  20. 20. What to do?Real-time updates of contenton a single web pageMultiple people using single page, seeingeach others activity immediatelyOne person using multiple web windowson multiple devices at the same time
  21. 21. WEB SOCKET
  22. 22. The Web Ahead #5
  23. 23. STORAGE
  24. 24. Web storageLocal StorageSession Storagekey|value pairs
  25. 25. Index DBfull-fledged client-side databasealso, WebSQL
  26. 26. APPLICATION CACHE
  27. 27. Assumption of the web:you have to be online touse a website, right?Nope.
  28. 28. The Web Ahead #1
  29. 29. FILES
  30. 30. FilesFile APIFile Reader / Writer / SystemBlob URLs / Blob BuilderDrag & Drop
  31. 31. The Web Ahead #14
  32. 32. DEVICE APIs
  33. 33. Vibration API
  34. 34. Device API Roadmap w3.org/2009/dap
  35. 35. WebGL
  36. 36. code.google.com/p/webglsamples video of this aquarium demo at youtube.com/watch?v=64TcBiqmVko
  37. 37. [ TBA ]
  38. 38. ?
  39. 39. WEB SOCKET STORAGEAPPLICATION CACHE FILES DEVICE APIs WebGL [TBA]
  40. 40. An innovator is not someonewho creates somethingamazing out of nothing.An innovator is someone whowakes up to the constraintscaused by false assumptions,and breaks out of them.
  41. 41. 5by5.tv/webahead
  42. 42. Thanks! Jen SimmonsSend Questions to me at @jensimmons
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×