factolex is working on the iPod Touch and iPhone by design. With an em-based stylesheet and a small additional CSS-file for mobile devices, it’s pretty easy to get it working.

Got an iDevice? Surf to factolex.com and enjoy the knowledge :-)

How to make your website work on a mobile device

1. Use an EM-based stylesheet (not pixels)
2. Insert this meta definition in your header
   <meta name="viewport" content="width=device-width" />
3. Create a routine to check for the browser.
   For example, in PHP you can gather valuable information by reading $_SERVER['HTTP_USER_AGENT']
4. If browser agent is iphone or other, insert a custom stylesheet that tells the browser to hide or rearrange divs. In our case moving the sidebar to the bottom, floating the login area to the right of the logo, etc.

This entry was posted by Nader on Sunday, November 4th, 2007 at 4:59 pm and is filed under General, Technology. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.