最新的移动Web开发最佳实践

时间:2010-01-19 20:28:11

标签: jquery mobile accordion

我知道之前已经问了很多次(特别是herehere),但我正在寻找一个好的当前指南来开始为现代移动浏览器开发网站。理想情况下,我会喜欢Craig Hockenberry的优秀,2.5岁Put Your Content in My Pocket的更新版本 - 一个了解Pre,Droid等新设备,设备屏幕尺寸略有不同的版本,以及特别为iPhone和黑莓提供坚实的建议。

我的目标是为不同的浏览器/硬件(如果可能的话)构建一个只包含文本(散文和表格)和简短形式的页面,不带条件XHTML / CSS / JS

我需要手风琴来展开和隐藏标题下方的详细信息。我会使用jQuery,但怀疑这些浏览器可能有一种更原生的方式来做这个非常移动惯用的东西。

我知道W3C Mobile Web Initiative,但我正在寻找更真实,更具体的建议。

谢谢大家!

4 个答案:

答案 0 :(得分:6)

查看Cameron Moll的移动网页设计,有预览示例PDF。

mobilewebbook.com /

这个领域的变化速度非常快,在我看来你最好从网上获取你的信息。

这是一篇很好的文章,链接到很多资源(包括我提到的那本书):

www.smashingmagazine.com/2009/01/13/mobile-web-design-trends-2009/

不要跳过评论,粉碎杂志文章往往会在评论中积累好建议。 祝你好运,编码愉快。

答案 1 :(得分:3)

嘿,如果你沿着jQuery路走下去,你应该查看jQtouch插件

答案 2 :(得分:2)

使用HTML5移动样板是任何新移动网站的良好开端。

http://html5boilerplate.com/mobile/

答案 3 :(得分:0)

我发现此页面是入门的最佳资源:

http://www.geolocalseo.com/blog/coding-mobile-websites-in-xhtml-basic/