mobile web
< concepts
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.
| Page | Summary |
|---|---|
| Detecting device and browser | This article explains client and server-side techniques for detecting browser capabilities. |
| HTML5 hybrid applications | A hybrid app is a native mobile app that is built using the web platform that use a native ‘shell’ to wrap the web content. Hybrid apps are installed through an app store, run on the device and provide access to enhanced native device hardware, but are written primarily using HTML, CSS and JavaScript. Instead of using the native SDK to create the application, hybrid apps typically wrap a web application with a native web view controller full screen, without the address bar or other normal browser controls. |
| Proxy-based browsers | This article will give an overview of proxy based browsers. Some solution transform web pages into compact formats. Some solution only provides data compression. |
| High DPI Images for Variable Pixel Densities | One of the features of today's complex device landscape is that there's a very wide range of screen pixel densities available. Some devices feature very high resolution displays, while others straggle behind. Application developers need to support a range of pixel densities, which can be quite challenging. The goal of web app developers is to serve the best quality images as efficiently as possible. This article will cover some useful techniques for doing this today and in the near future. |
| Mobile web debugging | Debugging web applications on multiple platforms requires careful prioritisation, different from developing for desktop alone. This article explains techniques and tools available, with links to external resources., Debugging web applications on multiple platforms requires careful prioritisation. This article explains techniques and tools available, with links to external resources. |
| Mobile-friendly web design and development overview | Mobile friendly: web design and development Overview (start with a basis of semantic HTML, accessibility best practices are Making an app or site mobile friendly - do you create a different site, or do you adapt your existing site for mobile? A brief introduction to Adaptive design - graceful degradation, progressive enhancement, using media queries and viewport to adapt layout, using feature detection to server appropriate content and services, geolocation, multimedia, offline apps, don't use browser sniffing!) A lot of this will be covered elsewhere. |
| Mobile JavaScript best practices | What to know, what to watch out for to make your apps perform at their best. |
| Mobile web | This concept page explains in general terms what mobile web is and its brief history. |
| Responsive Web Design | Responsive Web Design is an approach that emphasises design which works well across a variety of devices and browsing contexts -- without serving different content for each different operating system, device, browser, display size or pixel density. |
| Introduction to using the application cache | An introduction to using the appcache interface for offline application functionality. |
| Building web games | With the combination of developments in HTML5 and improvements to modern browsers, it's now possible to build high-quality games using web technologies.
In this document, we'll provide you with the tools, frameworks, and tutorials you'll need to create games. We'll also explain how they should be used and how they fit together. |
| Using device orientation | An introduction to using device orientation events. |
| "Mobifying" your HTML5 site | An introduction to HTML5 enhancement techniques for mobile devices. |
| HTML5 vs. Native: the mobile app debate | A comparison of HTML5 and native mobile app techniques. |
| HTML5 Techniques for Optimizing Mobile Performance | Learn the fundamentals of an HTML5 mobile framework. From network detection to sliding, flipping, and more. |
| Mobile optimization best practices | Mobile Devices may have slow network connections, hardware specific limitations and varying screen sizes. We need standardized best practices for building web apps. The goal is to provide the best user experience optimizing the HTML5 standards. |
| Introduction to multi-touch Web development | An introduction to multi-touch mobile web development. |
| Case study: Auto-resizing HTML5 games | A case study on automatically resizing HTML5 games for desktop or mobile devices. |
See also
External resources
- Standards for Web Applications on Mobile on w3.org.
This tool helps to make and review comments inline.
How to Use
insert instructions, with images, here