IYHY.com, Skweezer.net, and
Mike Davidson's PHP include files that can make your site mobile-friendly in just
two minutes (http://www.mikeindustries.com/blog/archive/2005/07/makeyour-
site-mobile-friendly). Note that your site may not look pretty with this
approach! More often than not, you end up with pages full of text links and URLs.
When to Use This Approach
You want a quick and dirty way to make your site mobile-usable!
You want to cover most mobile browsers.
Your site is mainly text and has a good navigation structure.
When to Avoid This Approach
When the site needs good UI design. You don't want the visitors scrolling
pages full of text.
When the majority of the content is not really useful for a mobile visitor.
CSS-Based Design
If you don't want to keep two versions of your site, yet deliver a usable site on a
mobile, you can control the lay out of the site using CSS. First, develop your site in
a standard web browser; make sure you lay out the content effectively using CSS.
CSS allows positioning of content in any way that you want, even if the content is
not written in that order in the XHTML. But this is a pitfall with CSS; ensure that
your XHTML code is well structured and in the order you want to show the content.
Pages:
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55