3 ms·
Ask HN: How do you make your website mobile friendly?
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.
At AVC, they include multiple css to make to make it mobile friendly.
<link rel="stylesheet" href="/a_vc/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/a_vc/touch.css" type="text/css" media="only screen and (max-device-width: 480px)" />
<link rel="stylesheet" href="/a_vc/touch.css" type="text/css" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px)" />
<link rel="stylesheet" href="/a_vc/print.css" type="text/css" media="print" />
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 16y agoCheck out the Safari Web Content Guide (http://cl.ly/2pug 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 16y agoNice! Seems like a lot of websites (Smashing Magazine and Abduzeedo to name a couple) are using Mobify -- http://www.mobify.me/ http://www.mobify.me/ ... I have yet to try it out. Can't comment on it.