最新的移动网络开发最佳实践
我知道这个问题之前已经被问过很多次了(特别是这里 和此处),但我正在寻找一个好的当前为现代移动浏览器开发网站的入门指南。理想情况下,我会喜欢 Craig Hockenberry 2.5 年前的优秀作品的更新版本 将您的内容放入我的Pocket——能够识别 Pre、Droid 等新设备,不同设备的屏幕尺寸略有不同,特别是针对 iPhone 和 BlackBerry 提供可靠的建议。
我的目标是为不同的浏览器/硬件构建一个仅包含文本(散文和表格)和简短表单没有条件 XHTML/CSS/JS 的页面(如果可能:))。
我需要手风琴来展开和隐藏部分标题下方的详细信息。我会使用 jQuery,但怀疑这些浏览器可能有更原生的方式来完成这种非常移动惯用的事情。
我知道 W3C 移动网络计划,但我正在寻找更真实、更具体的建议。
谢谢大家!
I know this has been asked a bunch of times before (notably here and here), but I'm looking for a good current guide for getting started in developing websites for modern mobile browsers. Ideally, I would love an updated version of Craig Hockenberry's excellent, 2.5-year-old Put Your Content in My Pocket---one that is aware of new devices like the Pre, Droid, etc., slightly different screen sizes across devices, and with solid advice for iPhone and BlackBerry in particular.
My goal here is to build a page with only text (prose and tabular) and a short form without conditional XHTML/CSS/JS for different browsers/hardware (if possible :) ).
I will need accordions to expand and hide details below section headers. I would use jQuery, but suspect that these browsers may have a more native of way of doing this very mobile-idiomatic thing.
I'm aware of the W3C Mobile Web Initiative, but am looking for more real-world, concrete advice.
Thanks everybody!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
查看 Cameron Moll 的移动网页设计,其中有 PDF 预览示例。
mobilewebbook.com/
我认为该领域的变化速度如此之快,您最好从网络上获取信息。
这是一篇很好的文章,链接到相当多的资源(包括我提到的书):
www.smashingmagazine.com/2009/01/13/mobile-web-design-trends-2009/
不要跳过评论,smashingmagazine 文章往往会在的评论。
祝你好运,编码愉快。
Check out Mobile Web Design by Cameron Moll, there is a preview sample PDF.
mobilewebbook.com/
The pace of change in this area is so swift you are better off getting your information from the web in my opinion.
Here is a good article that links to quite a few resources (including the book I mention):
www.smashingmagazine.com/2009/01/13/mobile-web-design-trends-2009/
Don't skip the comments, smashingmagazine articles tend to accrue good advice in the comments.
Good luck, and happy coding.
嘿,如果你确实走上了 jQuery 之路,你应该检查 jQtouch 插件
Hey, if you do go down the jQuery road you should check the jQtouch plugin
对于任何新的移动网站来说,使用 HTML5 移动样板都是一个良好的开端。
http://html5boilerplate.com/mobile/
Using the HTML5 mobile boilerplate is a good start for any new mobile website.
http://html5boilerplate.com/mobile/
我发现此页面是入门的最佳资源:
http://www.geolocalseo.com/blog/coding-mobile-websites-in-xhtml-basic/
I've found this page to be the best resource for getting started:
http://www.geolocalseo.com/blog/coding-mobile-websites-in-xhtml-basic/