渐进增强的Web设计[试读]
1.1 测试浏览器能力
在高级CSS、客户端JavaScript和Ajax,以及Flash等浏览器插件的支持下,最新的网页技术创新赋予了现代网站视觉吸引力和丰富的交互能力。不过它们有很大的局限性:浏览器和设备对这些技术的支持程度参差不齐。虽然现代浏览器和最新的移动设备有能力渲染出非常复杂的界面,但它们所占的比例还不够大。正如引言中谈到的那样,制作一个只适用于少数高端浏览器和设备的网站或应用程序很难服务于最广大的用户。 我们想要确保客户的内容、消息和功能可以到达每一个人,不仅是那些使用现代浏览器(支持最新网页技术)的人,而是任何有可上网设备的用户。因此,我们在几年前开始将渐进增强的理念引入客户的项目中。 渐进增强的... 查看全部[ 1.1 测试浏览器能力 ]
1.2 规划渐进增强:X光透视
随着用一轮轮的迭代对能力测试进行打磨,我们开始发展出一套方法,将复杂的网页界面设计进行分解,使之适合开发渐进增强和能力测试。 有时,找出能正确支持某种高级设计组件的原生HTML元素非常容易:一个自定义样式下拉菜单的外观和行为非常像原生的select元素,不用多想就知道该从它起步。类似地,自定义样式的复选框可能会存在一些打造样式方面的难题,但是我们从一开始就知道它们是复选框。 然而,其他一些案例却没有这么明显:一个Netflix样式的、Ajax驱动的星级评定组件应该使用哪种基本标记?我们在众多新闻网站都能看到的“最热门/最多邮件发送/最多评论”标签式内容组件又该如何处理?那些能在Kayak和... 查看全部[ 1.2 规划渐进增强:X光透视 ]
1.3 从X光到实践:渐进增强开发的构成
随着我们不断打磨能力测试框架并应用X光透视,一套术语和方法开始浮现,定义了我们的渐进增强开发过程。我们需要支持两种体验:“基本”体验对所有能上网的设备(在我们力所能及的范围内)全部有效,另一种“增强”体验则用于功能更强的浏览器。前者的标记是构建其他一切事物的基础,所以我们就将它命名为“基础标记”(foundation markup)。又因为功能更加丰富的体验依赖于高级的表现方式和行为,所以我们称呼任何实现它们的标记、样式表或脚本为“高级”(advanced)或“增强”(enhanced)资源。 为了成功实现这些体验,必须遵守渐进增强方法的三条关键原则: 以清晰的内容和恰当的标记作为起点; ... 查看全部[ 1.3 从X光到实践:渐进增强开发的构成 ]
1.4 理论结合实践
接下来几章会重点介绍最佳实践,帮助你理解如何在真实的项目中成功实施渐进增强理论。下一章开始先介绍如何使用X光方法,之后几章会涉及编写有意义的HTML标记、有效应用CSS,以及使用JavaScript来制作增强和添加行为。最后,第6章会详细讨论浏览器能力测试套件。... 查看全部[ 1.4 理论结合实践 ]
书名: 渐进增强的Web设计
作者:
出版社: 人民邮电出版社
原作名: Designing with progressive enhancement:building the web that works for everyone
译者: 牛化成 | [英] Patty Toland | [英] Scott Jehl | [法] Maggie Costello Wachs
出版年: 2014-1
页数: 328
定价: 69.00
装帧: 平装
ISBN: 9787115338396