在高级CSS、客户端JavaScript和Ajax,以及Flash等浏览器插件的支持下,最新的网页技术创新赋予了现代网站视觉吸引力和丰富的交互能力。不过它们有很大的局限性:浏览器和设备对这些技术的支持程度参差不齐。虽然现代浏览器和最新的移动设备有能力渲染出非常复杂的界面,但它们所占的比例还不够大。正... 查看全部[ 1.1 测试浏览器能力 ]
随着用一轮轮的迭代对能力测试进行打磨,我们开始发展出一套方法,将复杂的网页界面设计进行分解,使之适合开发渐进增强和能力测试。 有时,找出能正确支持某种高级设计组件的原生HTML元素非常容易:一个自定义样式下拉菜单的外观和行为非常像原生的select元素,不用多想就知道该从它起步。类似地,自定义样式... 查看全部[ 1.2 规划渐进增强:X光透视 ]
随着我们不断打磨能力测试框架并应用X光透视,一套术语和方法开始浮现,定义了我们的渐进增强开发过程。我们需要支持两种体验:“基本”体验对所有能上网的设备(在我们力所能及的范围内)全部有效,另一种“增强”体验则用于功能更强的浏览器。前者的标记是构建其他一切事物的基础,所以我们就将它命名为“基础标记”(f... 查看全部[ 1.3 从X光到实践:渐进增强开发的构成 ]
接下来几章会重点介绍最佳实践,帮助你理解如何在真实的项目中成功实施渐进增强理论。下一章开始先介绍如何使用X光方法,之后几章会涉及编写有意义的HTML标记、有效应用CSS,以及使用JavaScript来制作增强和添加行为。最后,第6章会详细讨论浏览器能力测试套件。... 查看全部[ 1.4 理论结合实践 ]