Successfully reported this slideshow.

A Device API Safari - Web Directions Code 2014

0

Share

Loading in …3
×
1 of 31
1 of 31

A Device API Safari - Web Directions Code 2014

0

Share

Download to read offline

The Device API is what enables web browsers to appear more "native", giving the browser access to new hardware components that are being created primarily in phones and tablets but on some desktops too. Motion and Orientation are well known features of the API, however there are a plethora of others to play with too. Let's take a tour through the jungle that is the Device API spec and go looking for some new, interesting features of the API. We'll focus on the ones that will be landing in mainstream browsers soon and that you can play with now in order to explore new interaction methods.

Delivered at Web Directions Code 2014 - this presentation has all the notes from the session as well as links to videos of the demos.

More information like code can be found at github.com/ajfisher/wdc

The Device API is what enables web browsers to appear more "native", giving the browser access to new hardware components that are being created primarily in phones and tablets but on some desktops too. Motion and Orientation are well known features of the API, however there are a plethora of others to play with too. Let's take a tour through the jungle that is the Device API spec and go looking for some new, interesting features of the API. We'll focus on the ones that will be landing in mainstream browsers soon and that you can play with now in order to explore new interaction methods.

Delivered at Web Directions Code 2014 - this presentation has all the notes from the session as well as links to videos of the demos.

More information like code can be found at github.com/ajfisher/wdc

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

A Device API Safari - Web Directions Code 2014

  1. 1. A Device API Safari Andrew Fisher @ajfisher Web Directions Code 1 May, 2014
  2. 2. Where the wild APIs live
  3. 3. Sensor API
  4. 4. Sensor based content
  5. 5. Upgrade your NodeBot
  6. 6. Web NFC
  7. 7. Web NFC
  8. 8. Network APIs
  9. 9. Proximity API
  10. 10. DeviceProximityEvent
  11. 11. UserProximityEvent
  12. 12. ajf.io/wdc_proximity (video) http://youtu.be/7cgug03jmVw
  13. 13. Battery Status API
  14. 14. Battery Status API
  15. 15. Battery Status API
  16. 16. ajf.io/wdc_battery
  17. 17. Leaving the wilderness
  18. 18. Vibration API
  19. 19. ajf.io/wdc_racer https://www.youtube.com/watch?v=0AC_InC0QMA
  20. 20. ajf.io/wdc_vibroform
  21. 21. Ambient Light API
  22. 22. DeviceLight Event
  23. 23. ajf.io/wdc_contrast
  24. 24. ajf.io/wdc_contrast
  25. 25. ajf.io/wdc_ghosts http://youtu.be/E2Eu5gRvkME
  26. 26. A Device API Safari @ajfisher github.com/ajfisher/wdc

×