渐进增强的Web设计

渐进增强的Web设计

暂无评价综合评分的显示会考虑用户真实性等多项因素,每部作品出现综合评分的时间不定。
免费试读

作品简介

本书由全球著名Web设计公司Filament集团两位创始人和两位开发主力联手打造,其中Scott Jehl还是jQuery团队成员。四位作者具有多年的网站设计和开发经验,曾为网站、无线设备、Web应用设计过众多高度实用的用户界面,受到了高度赞扬。本书展示了如何利用渐进增强方法开发网站,从而获得最佳用户体验。本书既是理解渐进增强原则和益处的实用指南,也用详细的案例分析,目的是向设计师以及开发人员传授何时、何地以及如何采用体现渐进增强的具体编程和脚本技巧。

Todd Parker

Filament集团公司创始人,具有12年以上创建高度实用、可访问和直观界面的经验。Todd曾在Zefer公司和CSC顾问公司担任首席体验设计师。Communication Arts杂志对Todd卓越的设计工作给予了充分肯定。

Patty Toland

Filament集团联合创始人,具有20多年的企业和机构客户咨询经验。Patty的专长是制定稳健的信息和传播策略,包括品牌推广、成分分析、信息架构和系统设计,以及文字创作。Patty曾供职于Zefer公司、Kohn Cruikshank公司和哈佛商学院。

Scott Jehl

设计和开发技艺俱佳。加入Filament集团公司之前,Scott曾为《新英格兰医学期刊》、Footjoy Golf和阿斯彭/斯诺马斯度假村等客户提供过服务。他还运营着在线网站地图工具WriteMaps.com。此外,他还是jQuery设计团队成员。

Maggie Costello Wachs

Filament集团的编程和产品负责人。Maggie在前端编程领域有着高超的专业水准,特别致力于编写兼容标准的标记、CSS和脚本,以实现与渐进增强的最佳搭配。加盟Filament集团之前,Maggie曾供职于Monitor集团和Zefer公司。

作品目录

  1. 渐进增强的Web设计
  2. 版权声明
  3. 致谢
  4. 个人致谢
  5. 引言:谈一谈渐进增强设计
  6. 前所未有的网络世界
  7. Web 2.0的地雷
  8. 渐进增强是个好方法
  9. 第一部分 测试驱动的渐进增强方法
  10. 第1章 我们的方法
  11. 1.1 测试浏览器能力
  12. 1.2 规划渐进增强:X光透视
  13. 1.3 从X光到实践:渐进增强开发的构成
  14. 1.4 理论结合实践
  15. 第2章 渐进增强实践:X光透视
  16. 2.1 X光透视概述
  17. 2.2 案例1:规划新闻网站的结构和组织方式
  18. 2.3 案例2:结账表单中的工作流、验证和数据提交
  19. 2.4 案例3:预算计算器里的交互数据可视化
  20. 2.5 案例4:支持功能完备浏览器应用程序的各种功能——照片管理器
  21. 2.6 在实践中运用X光的核对清单
  22. 第3章 编写有意义的标记
  23. 3.1 标记文本和图像
  24. 1. 标题
  25. 2. 段落文字
  26. 3. 引用文字
  27. 4. 预格式化文本和代码
  28. 5. 缩写词
  29. 6. 强调性内容
  30. 7. 上标和下标
  31. 3.2 标记交互内容
  32. 1. from
  33. 2. fieldset 和 legend
  34. 3. label
  35. 1. 文本输入框
  36. 2. 文本区
  37. 3. 复选框
  38. 4. 单选按钮
  39. 5. 下拉列表框
  40. 6. 用 input 和 button 提交表单
  41. 3.3 创建页面环境
  42. 全局导航的摆放位置和“跳过”链接
  43. 3.4 建立一张HTML文档
  44. 1. 内容类型和字符编码
  45. 2. 网页标题
  46. 3. 网页描述和关键词的 META 标签
  47. 4. 语言
  48. 5. 机器人
  49. 6. 样式表和脚本引用
  50. 7. 网站图标
  51. 3.5 加入可访问性
  52. 第4章 有效应用样式
  53. 4.1 将样式应用到网页
  54. 可以使用内联样式的场合:几种例外情况
  55. 针对特定媒介类型
  56. 4.2 为基本和增强体验添加样式
  57. 4.3 可访问性的考虑要点
  58. 4.4 应对bug和浏览器差异
  59. 1. 清除和围住浮动
  60. 2. 处理 z-index 问题
  61. 3. 修复Internet Explorer里的 hasLayout 问题
  62. 第5章 编写增强和交互脚本
  63. 5.1 如何正确引用JavaScript
  64. 5.2 理解JavaScript在基本体验里的位置
  65. 5.3 脚本增强的最佳实践
  66. 1. 使用事件绑定
  67. 2. 使用事件指派
  68. 1. 使用基础标记作为生成增强标记的向导
  69. 2. 用Ajax请求额外内容
  70. 3. 确定内容何时应加入基础标记
  71. 1. 从视觉上而非听觉上隐藏内容
  72. 2. 对所有用户隐藏内容
  73. 5.4 保持和增强可用性与可访问性
  74. 1. 管理制表键焦点
  75. 2. 编写键盘事件脚本
  76. 第6章 测试浏览器能力
  77. 6.1 EnhanceJS:一套能力测试框架
  78. 6.2 通过EnhanceJS应用增强
  79. 6.3 配置EnhanceJS
  80. 1. 指定样式表属性
  81. 2. 为Internet Explorer应用条件样式表
  82. 禁用切换链接
  83. 6.4 扩展EnhanceJS测试套件
  84. 6.5 在服务器上优化EnhanceJS
  85. 第二部分 渐进增强实战
  86. 第7章 用渐进增强方法构建组件
  87. 7.1 组件是如何编写的
  88. 7.2 在组件各章里导航
  89. 7.3 可下载的范例代码
  90. 第8章 可折叠内容
  91. 8.1 X光透视
  92. 8.2 创建可访问的可折叠内容
  93. 1. 生成增强标记
  94. 2. 给增强标记应用行为
  95. 3. 触发自定义展开/折叠事件
  96. 8.3 使用可折叠脚本
  97. 第9章 标签页
  98. 9.1 X光透视
  99. 9.2 创建标签页
  100. 9.3 让标签页更进一步
  101. 1. 支持书签和深度链接
  102. 2. 支持后退按钮
  103. 9.4 使用标签页脚本
  104. 第10章 工具提示
  105. 10.1 X光透视
  106. 10.2 用title内容创建工具提示
  107. 10.3 用锚链接创建工具提示
  108. 10.4 用外部来源创建工具提示
  109. 10.5 使用工具提示脚本
  110. 第11章 树形控件
  111. 11.1 X光透视
  112. 11.2 创建树形控件
  113. 1. 指派树形控件增强属性
  114. 2. 应用树形控件行为
  115. 11.3 使用树形控件脚本
  116. 第12章 HTML5 canvas图表
  117. 12.1 X光透视
  118. 12.2 基础标记
  119. 12.3 创建可访问的图表
  120. 1. X轴标签
  121. 2. 图例标签
  122. 3. Y轴标签
  123. 4. 数据组
  124. 1. 让IE跟上时代
  125. 2. 绘制图表线条
  126. 3. 添加坐标轴线条和标签
  127. 4. 添加颜色图例
  128. 5. 添加图表标题
  129. 1. 将表格隐藏起来
  130. 2. 对屏幕阅读器隐藏图表
  131. 12.4 让canvas图表更进一步:visualize.js插件
  132. 第13章 对话框和叠加层
  133. 13.1 X光透视
  134. 13.2 创建对话框
  135. 1. 生成来自Ajax的增强标记
  136. 2. 给增强标记应用行为
  137. 3. 添加和显示对话框
  138. 4. 管理焦点
  139. 13.3 让对话框更进一步
  140. 13.4 使用对话框脚本
  141. 第14章 按钮
  142. 14.1 X光透视
  143. 14.2 给基于input的按钮添加样式
  144. 14.3 创建带有复杂视觉格式的按钮
  145. 14.4 使用input转button脚本
  146. 14.5 让按钮更进一步
  147. 第15章 复选框、单选按钮和星级评分
  148. 15.1 X光透视
  149. 15.2 创建自定义复选框
  150. 15.3 创建自定义单选按钮
  151. 15.4 让自定义input更进一步:星级评分组件
  152. 15.5 使用自定义input和星级评分脚本
  153. 第16章 滑块
  154. 16.1 X光透视
  155. 16.2 创建滑块
  156. 1. 用于增强体验的CSS
  157. 1. 生成基于 input 的滑块
  158. 2. 生成基于 select 的滑块
  159. 16.3 使用滑块脚本
  160. 第17章 下拉菜单
  161. 17.1 X光透视
  162. 17.2 创建可访问的自定义下拉菜单
  163. 1. 生成增强标记
  164. 2. 应用自定义下拉菜单行为
  165. 17.3 让自定义下拉菜单更进一步:给选项添加高级样式
  166. 17.4 使用自定义下拉菜单脚本
  167. 第18章 列表生成器
  168. 18.1 X光透视
  169. 18.2 创建列表生成器
  170. 1. 生成增强标记
  171. 2. 让原本的 textarea 保持同步
  172. 3. 给列表应用点击行为
  173. 4. 添加新标签
  174. 18.3 让列表生成器更进一步:多项选择、排序、自动完成和上下文菜单
  175. 18.4 使用列表生成器脚本
  176. 第19章 文件输入控件
  177. 19.1 X光透视
  178. 19.2 创建自定义的文件输入控件
  179. 19.3 使用自定义文件输入控件脚本
  180. 放眼未来
  181. 索引
载入中