This page is Ready to Use

Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

Mobile Web

Summary

A starting point for mobile web development, with links to resources and a collection of mobile development techniques.

General introductory articles

About mobile web - Start here to get a general history of the mobile web and what it means to support different devices with a wide range of browsing capabilities.

Detecting device and browser - The basics of browser detection for mobile devices. Smartphones usually have better detection capabilities than low cost feature phones, which may not support CSS or JavaScript. This article explains techniques commonly used on today’s mobile websites.

“Mobifying” your HTML5 site - Real examples showing how to support mobile with HTML5 features.

List of all mobile web related articles

PageSummary
apis/battery statusBattery Status API
apis/battery status/BatteryManager/chargingcharging
apis/battery status/BatteryManager/chargingTimechargingTime
apis/battery status/BatteryManager/chargingchangechargingchange
apis/battery status/BatteryManager/chargingtimechangechargingtimechange
apis/battery status/BatteryManager/dischargingTimedischargingTime
apis/battery status/BatteryManager/dischargingtimechangedischargingtimechange
apis/battery status/BatteryManager/levellevel
apis/battery status/BatteryManager/levelchangelevelchange
apis/battery status/BatteryManager/onchargingchangeonchargingchange
apis/battery status/BatteryManager/onchargingtimechangeonchargingtimechange
apis/battery status/BatteryManager/ondischargingtimechangeondischargingtimechange
apis/battery status/BatteryManager/onlevelchangeonlevelchange
apis/battery status/NavigatorBatteryNavigatorBattery
apis/battery status/NavigatorBattery/batterybattery
apis/image capture/PhotoSettings/autoExposureModeautoExposureMode
apis/image capture/PhotoSettings/autoWhiteBalanceModeautoWhiteBalanceMode
apis/image capture/PhotoSettings/brightnessbrightness
apis/image capture/PhotoSettings/contrastcontrast
apis/image capture/PhotoSettings/exposureCompensationexposureCompensation
apis/image capture/PhotoSettings/imageHeightimageHeight
apis/image capture/PhotoSettings/imageWidthimageWidth
apis/image capture/PhotoSettings/isoiso
apis/image capture/PhotoSettings/redEyeReductionredEyeReduction
apis/image capture/PhotoSettings/saturationsaturation
apis/image capture/PhotoSettings/sharpnesssharpness
apis/image capture/PhotoSettings/whiteBalanceModewhiteBalanceMode
apis/image capture/PhotoSettingsOptionsPhotoSettingsOptions
apis/network informationNetwork Information API
apis/network information/Connection/bandwidthbandwidth
apis/network information/Connection/changechange
apis/network information/Connection/meteredmetered
apis/network information/Connection/onchangeonchange
apis/network information/NetworkInformationNetworkInformation
apis/network information/NetworkInformation/connectionconnection
apis/vibrationVibration API
concepts/Detecting device and browserDetecting device and browser
concepts/Internet and Web/html5 hybrid applicationsHTML5 hybrid applications
concepts/Internet and Web/proxy based browsersProxy-based browsers
concepts/mobile web/mobile debuggingMobile web debugging
concepts/mobile web/mobile friendly web dev overviewMobile-friendly web design and development overview
concepts/mobile web/mobile javascript best practicesMobile JavaScript best practices
concepts/mobile web/mobile webMobile web
concepts/mobile web/responsive designResponsive Web Design
html/attributes/capturecapture
tutorials/appcache beginnerIntroduction to using the application cache
tutorials/building web gamesBuilding web games
tutorials/device orientationUsing device orientation
tutorials/mobile mobifying“Mobifying” your HTML5 site
tutorials/mobile native debateHTML5 vs. Native: the mobile app debate
tutorials/mobile opt and perfHTML5 Techniques for Optimizing Mobile Performance
tutorials/mobile optimization best practicesMobile optimization best practices
tutorials/mobile touchIntroduction to multi-touch Web development
tutorials/resizing html5 gamesCase study: Auto-resizing HTML5 games

See also

External resources