The Future is now 


Futuristic UIs with HTML5

SXSW 2013
#futureui


Matt Null


the future


  • More mobile

  • More powerful web browsers

  • More web apps -> less native apps

NOW


  • Web Sockets

  • Device access

  • Desktop notifications

Web sockets


  • Connection over TCP
  • Cross-origin communication

  • No request needed from the client

  • Fast

Web sockets


Device Access


  • Webcam and Audio

  • Device orientation

  • Geolocation

notifications API


  • Trigger notifications via Javascript API

  • User gets notified even when the browser is minimized

Desktop notifications



DEMO TIME

get your hands dirty


  1. Check out the demos in Github or CodePen.
  2. Start coding in CodePen or your own IDE
  3. Play around with the demo code, combine HTML5 technologies, ask questions, collaborate, and create something awesome!
  4. If you wish, Tweet your CodePen link using #futureui and we can checkout your creation
  5. 40 to 60 minutes... GO!

Lets do this.


You Need

  1. A Github Account (github.com)
  2. Node.js (nodejs.org)
  3. Google Chrome (google.com/chrome)
  4. Any IDE or text editor


We did it!


Thank You


 Matt Null - @nulluniverse


the future is now

By Matt Null

the future is now

  • 2,579