问题
What tools helps designing sites which would be mobile phone friendly ? Something that would product the right CSS, the right html, etc
回答1:
I doubt you'll find too much that would make good markup for mobile phones across the board.
Here is a table for compatibility for different mobile browsers: http://www.quirksmode.org/m/table.html
If you are trying to make a page that works in a ton of mobile browsers, keep that chart close by.
If you are just looking for a way to make iphone specific mobile sites, you should check out jqTouch and/or XUI JS
回答2:
The mobile aspect really has to be considered at the outset. Good, well-planned, structured site with textual content designed to be compatible to be appropriate for reformatting, and tailor-made css for media=handheld is your best bet.
If you want to try something very mobile specific, what about WALL http://wurfl.sourceforge.net/java/wall.php?
回答3:
There are no tools that would magically produce the “right” HTML or CSS. When writing HTML and CSS for Mobile Safari you simply stick to standards, for example HTML4/5 and CSS2+. The hard part is the design, and I am afraid there is no automatic solution. You have to design around the platform’s shortcomings (no mouse cursor, for example) and play to its strengths. A good document about writing web sites and applications for Mobile Safari is the Safari Web Content Guide by Apple.
回答4:
You could use the Dashcode IDE which comes as part of the Apple Developer Tools. It comes with a collection of templates for creating web content to target the iPhone.
回答5:
To counter Alex's point in his comment, you can certainly find an option for covering all markups and all quirks.
We've developed a mobile markup language (WAPL) that allows you to describe a site in XML, pass it via a web service and get the perfect markup back.
It's called Wapple Architect - and it really is better than anything you've used before.. more devices, more compatibility.. http://wapple.net
来源：https://stackoverflow.com/questions/1596724/tools-for-making-a-site-design-mobile-phone-friendly