移动优先与响应式Web设计

图书目录:

目　录

上册

第 1章　增长　2

1.1　变了什么？　4

1.2　设备不同，功能不同　6

1.3　原生应用又如何？　8

1.4　事不宜迟　9

第 2章　限制　11

2.1　屏幕大小　11

2.2　速度　15

2.3　时与地　16

2.3.1　地点　16

2.3.2　时间　17

2.4　接受限制　20

第3章　功能　21

3.1　找地铁站　21

3.2　浏览器又如何？　26

3.2.1　定位服务　26

3.2.2　设备置向/加速度计　28

3.2.3　触控　31

3.3　扩充功能　32

3.4　移动优先　32

第4章　组织　34

4.1　配合移动用户的习惯　34

4.2　内容比导航重要　36

4.3　四处浏览　37

4.4　返回　43

4.5　固定置底　44

4.6　保持清晰焦点　46

4.7　组织移动体验　47

第5章　动作　48

5.1　大就是小　49

5.2　触控何处？　52

5.3　学习触控的语言　53

5.4　别怕NUI　57

5.5　填补浮动　58

5.5.1　加到主页　58

5.5.2　轻按或滑动　59

5.5.3　外页　61

5.5.4　干脆移除　61

5.6　不能触　61

5.7　准备，就绪，行动　62

第6章　输入　63

6.1　欢迎输入　63

6.2　问问题　64

6.3　答题　67

6.3.1　标准　67

6.3.2　标准以外　68

6.3.3　新标准　71

6.4　掩盖困难　73

6.5　铺设选项　75

6.6　表格与输入栏以外　78

6.7　输入大跃进　79

第7章　布局　81

7.1　万物皆变，唯变不变　81

7.2　别无他选　82

7.3　流畅灵活的回应　84

7.4　响应式设计　85

7.5　设备体验　87

7.6　删减　89

7.7　布局基石　89

下册

第 1章　响应式网页　2

1.1　扣好安全带　5

1.2　响应式建筑　6

1.3　未来方向　8

第 2章　灵活网格　11

2.1　灵活排版　14

2.1.1　随境修复　16

2.1.2　从灵活字体到灵活网格　19

2.2　制作灵活网格　19

2.3　弹性外边距和内边距　28

2.3.1　岂能密不透风　28

2.3.2　使用负数　32

2.3.3　灵活地前进　35

第3章　灵活图像　36

3.1　回头，回到标记，标记　36

3.2　灵活图像　39

3.3　这工作从不简单　41

3.3.1　IE里的max-width　41

3.3.2　原来Windows真的恨透了我们　43

3.3.3　AlphaImageLoader是英雄，万岁！　44

3.4　灵活地铺设背景图像　46

3.5　学会喜欢溢出　50

3.6　商讨内容　51

3.7　灵活网格和图像，智慧树之作　53

第4章　媒体查询　54

4.1　开始疗伤　54

4.1.1　着眼点的问题　55

4.1.2　网格细小，问题巨大　56

4.1.3　宽屏烦恼　58

4.2　当前的问题　60

4.3　迈向响应式设计　60

4.3.1　认识媒体类型　60

4.3.2　类型错配　62

4.3.3　媒体查询来了　62

4.3.4　认识功能　63

4.3.5　了解功能　65

4.4　更能响应的机器人　65

4.5　媒体查询实战　68

4.5.1　想小一点　71

4.5.2　调到极限　80

4.6　兼容性事宜　82

4.7　为何要灵活？　85

第5章　实现响应式　89

5.1　周围环境问题　89

5.1.1　了解用户目的　91

5.1.2　认识“移动优先”　93

5.2　响应式工作流程　94

5.2.1　确认断点　95

5.2.2　迭代、协作设计　95

5.2.3　互动地检阅设计　98

5.3　负责任地实现响应式设计　101

5.4　再谈渐进提升　107

5.4.1　加入JavaScript　108

5.4.2　懒惰地(但聪明地)载入内容　112

5.4.3　进一步改善　115

5.5　坐言起行，制作响应式设计　116