Designing with sensor data

" summary

Covers lesser-known browser sensor APIs (devicemotion, deviceorientation, Ambient Light, Voice, Color, Pointer, NFC, Bluetooth) and shows how to use JavaScript and CSS to progressively enhance responsive design with sensor input. Demonstrations run on a Fairphone 3+ using Firefox and Chrome (some features require experimental flags), and examples include adapting contrast, fonts, layout or behavior based on environment, device orientation, or nearby devices.

AI-written summary · about

" related talks

• 41mFun With JavaScript and SensorsJan Jongboom · JSConf.Asia 2014
• 25mAlternative Smartphone Interactions based on Sensor DataMichael Poltorak Nielsen · JSConf EU 2014
• 31mThe power of mobile web browsersMichał Michalczuk · Voxxed Days Frontend Bucharest 2019
• 28mReal world, real devices, how to?Kenneth Rohde Christiansen · NG-NL 2017
• 36mThe internet of browsersBen Foxall · Full Stack Fest 2015
• 44mJavaScript: What mobile browsers can do - 2020 revisitedMichał Michalczuk · 4Developers 2020
• 13mEnhancing Mobile Experiences with Device APIsJessica Claire Edwards · Decompress AU 2016
• 26mMobile HTML5: Device APIs and related APIsTomomi Imura · JSConf US 2013