Tuesday, July 20, 2010

Mobile Web Best Practices

This is a fantastic draft article by the W3C:


The article provides a good overview of some of the things to consider when developing a mobile web application, especially across multiple platforms. Highly recommended read for mobile web developers.

Check it out!

Here is the table of contents from the article:
  1. Use Cookies Sparingly
  2. Use Appropriate Client-Side Storage Technologies for Local Data
  3. Replicate Local Data
  4. Do not Execute Unescaped or Untrusted JSON data
  5. Ensure the User is Informed About Use of Personal and Device Information
  6. Enable Automatic Sign-in
  7. Use Transfer Compression
  8. Minimize Application and Data Size
  9. Avoid Redirects
  10. Optimize Network Requests
  11. Minimize External Resources
  12. Aggregate Static Images into a Single Composite Resource (Sprites)
  13. Include Background Images Inline in CSS Style Sheets
  14. Cache Resources By Fingerprinting Resource References
  15. Cache AJAX Data
  16. Do not Send Cookie Information Unnecessarily
  17. Keep DOM Size Reasonable
  18. Optimize For Application Start-up Time
  19. Minimize Perceived Latency
  20. Design for Multiple Interaction Methods
  21. Preserve Focus on Dynamic Page Updates
  22. Use Fragment IDs to Drive Application View
  23. Make Telephone Numbers "Click-to-Call
  24. Ensure Paragraph Text Flows
  25. Ensure Consistency Of State Between Devices
  26. Consider Mobile Specific Technologies for Initiating Web Applications
  27. Use Meta Viewport Element To Identify Desired Screen Size
  28. Prefer Server-side Detection Where Possible
  29. Use Client-side Detection When Necessary
  30. Use Device Classification to Simplify Content Adaptation
  31. Support a non-JavaScript Variant if Appropriate
  32. Offer Users a Choice of Interfaces

No comments:

Post a Comment