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

Made with Slides.com