Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Things that I have used when designing mobile websites.</p> <ol> <li>Find out the range of devices that you are planning to support. Some questions that you can ask are <ul> <li>Are u going to support only smartphones</li> <li>What platforms are u planning to support ( iPhone, Android, Symbian ? )</li> </ul></li> </ol> <p>A lot of you questions can be answered by the kind of Analytics that you are able to gather. If you have very less statistics then you can follow this strategy to start with.</p> <ol> <li><p>Separate out the target range of devices into</p> <ul> <li>simple ( basic phones with minimum browsing capabilities. ) - Design a very simple plain vanilla site for them.</li> <li>medium ( older generation smartphones with browsers with poor javascript support ) - Design a site that has slightly better features.</li> <li>Highend smartphones ( iPhone, Android, WebOS ) - Provide jazzy features that these phones support.</li> </ul></li> <li><p>Use a device detection library like WURFL / .Mobi for device detection and WALL for dynamic rendering of content.</p></li> <li><p>You can use .Mobi to detect an HTML5 compliant mobile browser. That way, you can take advantage of HTML5 capabilities in the devices that support it.</p></li> <li><p>For testing you can follow this approach </p> <ul> <li>test on browsers - Firefox / Safari / Opera have plugins to alter USER_AGENT and can simulate mobile testing.</li> <li>Test on simulators - All the device platforms provide free to download emulators</li> <li>If needed try device emulation products like device anywhere / perfecto.</li> </ul></li> </ol> <p>I hope I was able to clarify atleast some of you questions. :)</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload