- Try to use no tables .
- The resolutions to look at are 178, 256 and 320.
- There is a tool out called wurfl I think that helps with redirecting and mobile detecting
- Images, in some instances, can rather use percentages.
- The design can flow over the page, don't worry about centering everything with a set width
The images:
Try to resize the images to a res of 72p and change the quality to 90% before using in web.
And test:
Go visit ready.mobi to test the HTML markup and additional tests especially
Do not use div's in the span tags, unless it is really necessary.
There is a chance that everything could be done in one theme, but then you would probably have to work with for example, percentages for the width instead of pixel sizes. You would probably want to use images for the largest resolution phone and then give them percentage sizes. I think that each resolution phone should still have it's own stylesheets. You might need a resolution detection code, like Wurfl. Not sure if you can set it up to switch different stylesheets, but you could use it if you have multiple themes and did not follow the one theme approach.
And test:
Go visit ready.mobi to test the HTML markup and additional tests especially
Do not use div's in the span tags, unless it is really necessary.
There is a chance that everything could be done in one theme, but then you would probably have to work with for example, percentages for the width instead of pixel sizes. You would probably want to use images for the largest resolution phone and then give them percentage sizes. I think that each resolution phone should still have it's own stylesheets. You might need a resolution detection code, like Wurfl. Not sure if you can set it up to switch different stylesheets, but you could use it if you have multiple themes and did not follow the one theme approach.
No comments:
Post a Comment