Your SlideShare is downloading. ×
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
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
HTML5 APIs Will Change the Web — and Your Designs
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

HTML5 APIs Will Change the Web — and Your Designs

2,664

Published on

Listen to the audio recording of this presentation, while reading slides, at: http://lanyrd.com/2012/sxsw-interactive/spmyp …

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,664
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
65
Comments
2
Likes
7
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. W ill a ndCh an ge Your th e De signs W eb A PIs #html5apis
  • 2. Jen Simmons @jensimmons #html5apis
  • 3. 5by5.tv/webahead
  • 4. WEB SOCKET
  • 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. URLHTTPHTML
  • 7. URL
  • 8. HTTP request URL
  • 9. HTML
  • 10. HTTP requestanother URL
  • 11. image orcss file orjavascript file orsomething else
  • 12. Etherpad
  • 13. WEB SOCKET
  • 14. Truly bidirectional,full duplexAlways open connection
  • 15. video at vimeo.com/36676406
  • 16. video at vimeo.com/31266606
  • 17. video at vimeo.com/32956007
  • 18. kaazing.com/demo
  • 19. spacewords.gamesforlanguage.com
  • 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. WEB SOCKET
  • 22. The Web Ahead #5
  • 23. STORAGE
  • 24. Web storageLocal StorageSession Storagekey|value pairs
  • 25. Index DBfull-fledged client-side databasealso, WebSQL
  • 26. APPLICATION CACHE
  • 27. Assumption of the web:you have to be online touse a website, right?Nope.
  • 28. The Web Ahead #1
  • 29. FILES
  • 30. FilesFile APIFile Reader / Writer / SystemBlob URLs / Blob BuilderDrag & Drop
  • 31. The Web Ahead #14
  • 32. DEVICE APIs
  • 33. Vibration API
  • 34. Device API Roadmap w3.org/2009/dap
  • 35. WebGL
  • 36. code.google.com/p/webglsamples video of this aquarium demo at youtube.com/watch?v=64TcBiqmVko
  • 37. [ TBA ]
  • 38. ?
  • 39. WEB SOCKET STORAGEAPPLICATION CACHE FILES DEVICE APIs WebGL [TBA]
  • 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. 5by5.tv/webahead
  • 42. Thanks! Jen SimmonsSend Questions to me at @jensimmons

×