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

1. A Device API Safari
Andrew Fisher @ajfisher
Web Directions Code 1 May, 2014

2. Where the wild APIs live

5. Sensor API

6. Sensor based content

7. Upgrade your NodeBot

8. Web NFC

9. Web NFC

10. Network APIs

12. Proximity API

13. DeviceProximityEvent

14. UserProximityEvent

15. ajf.io/wdc_proximity
(video) http://youtu.be/7cgug03jmVw

16. Battery Status API

17. Battery Status API

18. Battery Status API

19. ajf.io/wdc_battery

20. Leaving the wilderness

22. Vibration API

23. ajf.io/wdc_racer
https://www.youtube.com/watch?v=0AC_InC0QMA

24. ajf.io/wdc_vibroform

25. Ambient Light API

26. DeviceLight Event

27. ajf.io/wdc_contrast

28. ajf.io/wdc_contrast

29. ajf.io/wdc_ghosts
http://youtu.be/E2Eu5gRvkME

31. A Device API Safari
@ajfisher
github.com/ajfisher/wdc