mobey.mobi

October 18, 2006

Developing a site for mobile browsers

Filed under: Mobile Web Development @ 1:59 am

Chances are this site will migrate to a different design pretty quickly. Mobey.mobi will shoot for being a fast loading site optimized for mobile viewing.

I’ll start with a review of part of the w3c recomendations for default delivery context.

  • Usable Screen Width 120 Pixels, minimum.
  • Markup Language Support XHTML - Basic Profile [XHTML-Basic].
  • Character Encoding UTF-8 [UTF-8]
  • Image Format Support JPEG,GIF 89a (non-interlaced, non-transparent, non-animated).
  • Maximum Total Page Weight 20 kilobytes.
  • Colors Web safe. (A Web safe color is one that has Red/Green/Blue components chosen only from the values 0, 51, 102, 153, 204, and 255.)
  • Style Sheet Support External CSS Level 1 [CSS].
  • HTTP HTTP/1.0 [HTTP1.0] or more recent [HTTP1.1].

120 Pixels screen width? I want to find the most realistic width to design for. My Razr has Opera mobileâ„¢ browser preinstalled. Opera mobileâ„¢ browser can optimze regular web pages for mobile viewing. The page linked above shows view of pages optimized for 208 and 176 pixels. When you allow for a scroll bar that reduces the usable area some.
I’m going to (at least for now) set this site up so it is viewable in 150 pixel width. This will force me to make corect design choices (I hope) no matter where I work on it.

Powered by WordPress