<p>More and more mobile devices are consuming content on my eCommerce sites.  IPhones, Blackberries, PSPs, Windows Mobile, etc and I need some ideas how to handle repurposing my data using CSS templates for these devices.  Any ideas would be great. </p>

[{'answer_id': 68657, 'author': 'jttraino', 'author_id': 3203, 'author_profile': 'https://Stackoverflow.com/users/3203', 'pm_score': 2, 'selected': False, 'text': '<p>I recommend you look at what Delta Airlines does with CSS at <a href="http://mobile.delta.com" rel="nofollow noreferrer">http://mobile.delta.com</a>.  They get help from a company called MShift who does a bunch of mobile banking (which, obviously, has to work on many different devices).</p>\n\n<p>You can get some inspiration from the stylesheet used by the Delta site with <a href="https://my.mshift.com/deltacss.css" rel="nofollow noreferrer">https://my.mshift.com/deltacss.css</a>.</p>\n\n<p>Finally, there are a long list of demo mobile sites from MShift at <a href="http://www.mshift.com/demo.html" rel="nofollow noreferrer">http://www.mshift.com/demo.html</a>.</p>\n\n<p>FWIW, I don\'t have any association with either Delta or MShift, I have just admired their mobile UI.</p>\n'}, {'answer_id': 68909, 'author': 'dawnerd', 'author_id': 69503, 'author_profile': 'https://Stackoverflow.com/users/69503', 'pm_score': 0, 'selected': False, 'text': "<p>I would say keep it as simple as possible. Internet on phones can be 3g/wifi or as slow as you can possibly imagine. I would keep the test large so it's easier to read, and links easy to click if you are targeting a touch device. I would also say no to images unless they are 1kb or less.</p>\n"}, {'answer_id': 73101, 'author': 'Vitaly Sharovatov', 'author_id': 6647, 'author_profile': 'https://Stackoverflow.com/users/6647', 'pm_score': 2, 'selected': False, 'text': '<p>I\'ve got a PSP, it has a browser that\'s based on WebKit (also Google Chrome and Safari use WebKit engine), so pretty any site that works fine on Safari/Chrome will work fine on PSP. However, PSP has a 480×272 resolution so if you want to target PSP platform, you have to keep this small resolution in mind. </p>\n\n<p>You will probably find these resources interesting:</p>\n\n<ol>\n<li>IEMobile Blog - <a href="http://www.microsoft.com/windowsmobile/en-us/downloads/microsoft/internet-explorer-mobile.mspx" rel="nofollow noreferrer">http://www.microsoft.com/windowsmobile/en-us/downloads/microsoft/internet-explorer-mobile.mspx</a></li>\n<li>Web design for the Sony PSP - <a href="http://www.brothercake.com/site/resources/reference/psp/" rel="nofollow noreferrer">http://www.brothercake.com/site/resources/reference/psp/</a></li>\n<li>Web-development for iPhone - <a href="http://www.evotech.net/blog/2007/07/web-development-for-the-iphone/" rel="nofollow noreferrer">http://www.evotech.net/blog/2007/07/web-development-for-the-iphone/</a></li>\n</ol>\n\n<p>So generally if you want to target mobile devices, you will have to make sure your eCommerce website works fine in small resolutions, it doesn\'t use activeX (since it won\'t work on iPhone Safari, Opera Mini and PSP browser) etc. Just keep it simple :)</p>\n'}, {'answer_id': 75291, 'author': 'Shane Breatnach', 'author_id': 10264, 'author_profile': 'https://Stackoverflow.com/users/10264', 'pm_score': 2, 'selected': False, 'text': '<p><a href="http://wurfl.sourceforge.net" rel="nofollow noreferrer">WURFL</a> is the best open resource for handling device-specific browser properties, including CSS.</p>\n'}, {'answer_id': 2400130, 'author': 'fravelgue', 'author_id': 22055, 'author_profile': 'https://Stackoverflow.com/users/22055', 'pm_score': 0, 'selected': False, 'text': '<p>I don´t forget <a href="http://www.forum.nokia.com/Technology_Topics/Web_Technologies/Browsing/Web_Templates/" rel="nofollow noreferrer">Nokia Mobile Web Template</a>. It is bigger phone vendor.</p>\n'}]
['https://Stackoverflow.com/questions/68312', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/1115144/']