Web APIs
for everyone
👀 💡 📡 📳 📹📍 🛎
Christopher Kade (@christo_kade)
2008
2009
2010
2011
2012
2014
PAGE VISIBILITY
👀
Allows us to know if the current page is visible of not
Demo
Usage ideas
Pause a video when the user changes his tab
Avoid useless processing when an application is in the background
AMBIENT LIGHT
💡
Exposes light sensors data
Usage idea
ONLINE STATE
📡
Exposes data about the current network state
Demo
Usage ideas
Notify the user when she/he is offline
Execute a specific request when the user is back online (e.g: Twitter)
VIBRATION
📳
Allows us to use the hardware's vibration feature
Demo
Usage ideas
For games on mobile browsers (?)
Tactile feedback when the user inputs wrong data in a form
GET USER MEDIA
📹
Allows us to use webcams & microphones
Demo
GEOLOCALISATION
📍
Exposes position data
Demo
Usage ideas
Set the user's country on first navigation
Display relevant content based on the user's position
WEB NOTIFICATIONS
🛎
Allows us to display desktop notifications to our user
Demo
Usage ideas
Annoy your users on a daily basis
REALLY annoy your users on an hourly basis
Recap:
Page Visibility 👀
Ambient Light 💡
Online State 📡
Notifications 🛎
But also:
Device Orientation 📲
Battery Status 🔋
Vibration 📳
Geolocalisation 📍
And much more !
User media 📹
Thank you everyone !
@christo_kade • christopherkade.com