渐进增强的Web设计 [美]Todd Parker等著 完整版PDF下载

本书由Filament集团专家撰写,详细介绍了如何利用渐进增强技术开发网站,提升用户体验。书中通过多个实际案例,包括新闻网站、结账表单、预算计算器和照片管理器,阐述了规划、标记、样式和脚本的增强方法。强调测试驱动的方法,讲解了如何编写有意义的HTML标记,有效应用CSS,编写可访问性良好的脚本,并提供了EnhanceJS测试框架的使用和扩展。
摘要由CSDN通过智能技术生成

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

教程下载地址:渐进增强的Web设计 [美]Todd Parker等著 完整版PDF

目录
第一部分 测试驱动的渐进增强方法
1章 我们的方法  2
1.1 
 测试浏览器能力  3
1.2 
 规划渐进增强:X光透视  4
1.3 
 从X光到实践:渐进增强开发的构成  5
1.4 
 理论结合实践  6
2章 渐进增强实践:X光透视  7
2.1 
X光透视概述  7
2.1.1 
 定义内容层级并将组件映射到HTML8
2.1.2 
 编写基础标记和尽可能少的安全样式  10
2.1.3 
 应用标记、样式和脚本增强  11
2.2 
 案例1:规划新闻网站的结构和组织方式  12
2.2.1 
 评估内容组织和命名方式  12
2.2.2 
 借助原生HTML层级功能实现内容组织  13
2.2.3 
 构建导航  14
2.2.4 
 处理分层和动画内容  15
2.2.5 
 支持动态过滤和排序  16
2.3 
 案例2:结账表单中的工作流、验证和数据提交  17
2.3.1 
 解构结账表单设计  17
2.3.2 
 标记表单以确保可访问性  23
2.3.3 
 添加限制与验证  24
2.3.4 
 组合基本和增强体验  25
2.4 
 案例3:预算计算器里的交互数据可视化  25
2.4.1 
 选择预算线组件的基本标记  26
2.4.2 
 从基础标记开始创建可访问的滑块  28
2.4.3 
 制作饼图  28
2.5 
 案例4:支持功能完备浏览器应用程序的各种功能——照片管理器  30
2.5.1 
 制作全局导航元素的标记  31
2.5.2 
 支持专辑和多张照片的复杂交互  32
2.5.3 
 创建自定义表单和叠加  37
2.5.4 
 创建返回按钮支持  38
2.6 
 在实践中运用X光的核对清单  39

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值