摘要:
我们已经研究过XHTML和CSS了,现在开始看看最后一部分,也就是JavaScript,以及它所提供的交互能力。无AJAX交互第一种我们要看的交互,是完全不使用JavaScript,这其中一个例子就是GMail。GMail的iPhone版其实就是由普通的GMail移动版修改过来的,界面上更贴近桌面版GMail了,然而交互性并没有怎么提高,每一个点击都对应一次刷新,没有任何AJAX可言。事实上,不用... 阅读全文
随笔档案-2007年12月
编写 iPhone Friendly 的 Web 应用程序 (Part 4 - CSS)
2007-12-27 14:54 by Cat Chen, 3729 阅读, 收藏, 编辑
摘要:
说到编写CSS,大家的第一反应肯定是——有没有选择性CSS。有!我们可以设计一个CSS,使得只有iPhone上的Safari会采用它,其他浏览器都会无视它,这样我们就可能可以复用现有的XHTML页面代码,仅仅为它们引入新的CSS就能够适用于iPhone,无须重新编写页面。这个选择性CSS链接语句如下:<link media="only screen and (max-device-width... 阅读全文
编写 iPhone Friendly 的 Web 应用程序 (Part 3 - XHTML)
2007-12-27 13:11 by Cat Chen, 3509 阅读, 收藏, 编辑
摘要:
在接下来的两篇文章中,我们将探讨iPhone上的Safari所支持的XHTML与CSS,之后才进入JavaScript的讨论。作为一款现代化的浏览器,Safari当然是基于标准的,那就让我们看看Safari支持哪些标准吧: HTML 4.01 XHTML 1.0 CSS 2.1 以及部分 CSS 3 JavaScript (ES3) DOM (Level 2) AJAX (XMLHtt... 阅读全文
编写 iPhone Friendly 的 Web 应用程序 (Part 2 - Viewport)
2007-12-26 17:48 by Cat Chen, 4378 阅读, 收藏, 编辑
摘要:
在了解到iPhone的一些常见布局法后,我们就可以开始着手编写一个真正能在iPhone上跑的页面了。小声说一句,之前我说要布局讨论完了,要进入交互逻辑开发,后来细心一想发现不行,有些东西不讲的话将会对布局带来问题,绕过去的话并不怎么优雅,因此继续讲布局。首先要说的就是viewport,也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用... 阅读全文
编写 iPhone Friendly 的 Web 应用程序 (Part 1 - 布局入门)
2007-12-25 21:47 by Cat Chen, 4560 阅读, 收藏, 编辑
摘要:
用过iPhone的朋友应该知道,iPhone上面的一些应用程序是能够随机器转动自动适应的,也就是说竖着拿的时候就竖着显示,横着拿的话就横着显示,iPhone中至关重要的Safari浏览器当然也支持这一点了,因此我们考虑设计iPhone friendly的应用程序时,首先要考虑兼容这种情况,不能把页面定死在一个宽度上。且慢,我们不是说设计自己的应用程序吗?这和内置的Safari有何关系?iPhone... 阅读全文
使用 fluid layout 时记得设置 min-width
2007-12-21 15:35 by Cat Chen, 1811 阅读, 收藏, 编辑
摘要:
希望aw不介意我拿他的blog来做例子,因为第一次想到这个问题是我在手机上看aw的blog时碰到的。我的手机屏幕小,然而Opera Mini运行在完整视图时会以贴近Opera PC的形式处理CSS,因此fluid layout的多个列不会自顶向下顺序显示,而会保持原来并排的布局,同时因为fluid layout没有强制width,因此Opera Mini就会使用手机浏览器的宽度来显示整个页面,可想... 阅读全文