DC DSL
Stays crunchy even in milk
Premium
join:2000-07-30
Washington, DC
 ·Covad Communications
·Verizon Online DSL
| reply to thender
Re: cellphones, or the art of small screen friendly sites
What I do in ASP.NET is use a combination of master pages and CSS files for standard and mobile devices. If a request comes from a mobile, I dynamically switch to the mobile version. Presumably other environments have similar capabilities.
The key points are: •Keep the markup you're pushing as compact as possible.
•Design for a single column, flowed layout.
•Use only em or percentages for sizing (including text margins); px only for borders and body.
•Use only lowest-common-denominator fonts: arial, times new roman, courier, serif, sans-serif, fixed; avoid font calls as much as possible.
•Avoid overly large or small font sizes.
•Assume the worst and that your screen width won't be bigger than 200px
•HAVE ZERO DEPENDENCY ON CSS and javascript for anything to work.
•DO NOT USE FLASH for anything that the visitor does not have to explicitly download.
•Assume images will not render. Absolutely don't use graphics for "titles" or text.
•Include physical dimensions of images or tables.
•Create WAP-scaled versions of significant images such as logos.
•For variable images (such as a today's headline), if you are using ASP.NET or PHP you can resize images on the fly with some server-side code (beware of the load on the server, though). If you don't have the ability to do server-side resizing, specify width and the browser should do it (though likely with considerable loss of fidelity)
--
There is no giant fur-bearing trout. |
