

Ask HN: How do you make your website mobile friendly? - iworkforthem

I am working on the css for my new website, one of my consideration is that it has to be mobile friendly, much like posterous.com and avc.com ... Their website look awesome on my iPhone. Here's something I dun quite get.<p>At AVC, they include multiple css to make to make it mobile friendly.
&#60;link rel="stylesheet" href="/a_vc/style.css" type="text/css" media="screen" /&#62; 
&#60;link rel="stylesheet" href="/a_vc/touch.css" type="text/css" media="only screen and (max-device-width: 480px)" /&#62; 
&#60;link rel="stylesheet" href="/a_vc/touch.css" type="text/css" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px)" /&#62; 
&#60;link rel="stylesheet" href="/a_vc/print.css" type="text/css" media="print" /&#62;<p>Nothing of this sort with posterous.com... I could be wrong here. Not sure if anyone else has got experience making their website mobile friendly, if so, please share.
======
geoffpado
Check out the Safari Web Content Guide (<http://cl.ly/2pug>). It's written to
specifically target the iPhone/iPod touch, but most of the information applies
straight across to the Android platform as well. It has information on
conditional CSS, viewport sizes, etc., that will help you optimize your site
for mobile devices.

~~~
iworkforthem
Nice!

Seems like a lot of websites (Smashing Magazine and Abduzeedo to name a
couple) are using Mobify -- <http://www.mobify.me/> ... I have yet to try it
out. Can't comment on it.

