《Web应变之道》基于Web 实战经验、规范组织及社区论坛,分析Web 现状、问题和挑战,紧扣Web 的变化性与不确定性,提供方法论的指导,倡导用开放的思维来应对Web 世界;随后结合当今Web 最热门的话题:特征检测、响应式、多设备输入、图片、视频等新特性主题,提供解决方案或指导意见;《Web应变之道》的核心读者是专职或专业的Web 前端开发人员,另外,对Web 规范制订者和那些渴望更好地适应现代互联网的设计师、后台工程师及全栈工程师也是非常不错的选择。
第1 章拥抱不确定性.1
拥抱不确定性2
从微软独家垄断到今天百花齐放4
我们现在所处的位置5
浏览器6
开放的Web 平台11
网络速度和质量18
人机交互界面19
屏幕分辨率和屏幕方向21
像素密度21
2% 究竟意味着什么? 25
这正是我们想要的26
第2 章掌控Web 的不确定性29
不要因Web 的本性而责备它30
识别和拥抱你的受众30
测试并祈祷最好的结果34
专注于最优,而不是绝对的解决方案38
拥抱可访问性40
为非文字的内容提供可替代的文本41
确保信息和结构与表现的分离44
确保可以用键盘进行所有功能性操作44
除非必需的定时或移动,否则用户应当可以暂停内容45
提供机制帮助用户找到内容、定位位置和导航页面45
帮助用户避免犯错,以及让纠正错误变得简单46
为现在和未来的UA 提供兼容(包括辅助技术) 47
不要止步于此47
丢掉你的技术偏见47
iPhone 是唯一的移动端体验48
可关掉的,无法修复/重现的问题。49
和主流的观点相反,IE 确实还存在49
设身处地51
丢掉你的框架库偏见51
jQuery 52
MV* 框架53
关注技术前沿53
张开你的翅膀(并质疑你的推断) 55
第3 章新特性的开发57
特征检测58
一个比较复杂的特征检测案例59
使用Modernizr 库60
旧版本IE:Modernizr 让它现代化的案例61
使用(和不使用)Modernizr 61
Modernizr 的特征检测64
定制Modernizr 67
使用Modernizr 进行特征检测68
跨浏览器的Polyfills 71
其他的Modernizr 方法72
管理那些不可检测的特征75
常用的特征检测及相关的polyfills 77
“前端开发做该做的事情” 80
第4 章响应式设计与移动端体验设计81
波士顿环球报采用响应式重新设计82
响应式设计真的适合所有网站? 83
移动端优先,RESS 及其他通用的移动端开发85
专用的移动体验86
移动端优先87
渐进增强87
RESS 87
选择正确的开发捷径88
你的团队的大小与技能88
你的网站或应用的要求88
你的用户类型88
你的预算89
响应式设计的好处89
响应式的缺点90
专用的移动端站点体验的优点91
专用的移动端站点体验的缺点92
Facebook 做什么,我们就要跟着做什么吗?或者是美国最大的站点在做
什么,我们就要去做什么吗? 93
选择对你项目有实际意义的架构95
重定向应该解决逻辑问题97
重定向选项99
简单的重定向99
更复杂的查询103
总是在你的移动站点上提供一个出口104
尽可能保持流体设计106
不要吝啬于使用断点109
相对单位110
“接受事物的潮起潮落” 112
第5 章处理用户输入 113
Web 上用户输入的现状114
“触屏”检测的概念问题116
“触屏”检测的技术问题116
后果自负118
彻底失败119
局部失误120
为各种潜在的用户输入方式做设计122
为所有界面提供触摸功能122
别依赖Hover 122
拥抱明确性123
处理所有的用户输入方式123
触摸事件与鼠标事件的现状123
别假设任何事,为所有人服务137
第6 章出奇复杂的Web 图片139
图片悄悄地变复杂了140
提供尽可能小的文件尺寸142
利用浏览器的预加载142
为各种分辨率提供尺寸合适的图片143
为具备多种像素比的设备提供正确尺寸的图片143
在不同环境使用不同尺寸的图片或不同的图片143
使用设计断点144
提供正确的图片格式144
图片很简单,并且应该保持简单144
为Web 去优化图片144
JPEG 144
选择正确的图片格式147
寻求CDN 解决方案148
响应式图片148
通过配置去解决问题(至少不需要增加额外的事情) 149
srcset 属性150
picture 元素153
Picturefill、picture 元素的Polyfill 157
拥抱SVG 158
服务端处理162
超实用的开发指南162
明确图片对你站点的重要性163
把基本的处理做好163
尽可能用最简单的方案163
学会去爱SVG 164
测试! 164
小结164
第7 章极其复杂的Web 视频165
核心技术166
video 元素166
通过Flash 降级169
存储与编解码170
Video.js 173
Mime 类型和流媒体自适应比特率175
用专业的方式去处理177
YouTube 177
Vimeo 181
一个复杂的例子184
第8 章理想的Web187
事情总会变得更好(虽然偶尔会变得更糟) 188
Firefox 宣布支持h.264 编解码188
从消亡中回来的picture 189
Point 事件或许真的会消失189
我知道这样的事情会发生190
让我们推动一切向前发展190
开发人员、浏览器厂商和标准机构作用下的Web 世界190
快速、可靠、广泛地使用Web 世界191
Web 没有所谓的赢193
开启我们想要的Web 世界194
索引195
VisualBasic程序教程设计 内容简介 本书主要有以下特点:1.重点讲解可视化编程方法;传统编程与可视化编程有较大的区别,按传统的“纯”结构化方法编程,自...
在线文本数据挖掘 算法原理与编程实现 本书特色 本书介绍了互联网环境下文本类型数据的分析方法,探讨了当前主流的文本挖掘技术,以及这些技术在商业环境中的具体应用。...
《摄影大讲堂》内容简介:本书是一本通俗易懂的摄影入门书,系统、全面、深入浅出地讲述了摄影的各个方面。从器材与原理到光圈、快
当来自最伟大公司的年轻人遭遇最好的创业时代,他们的内心会迸发出怎样的火花?谷歌是公认世界上最伟大的公司之一,是天才最密集
《Laravel框架关键技术解析》内容简介:《Laravel框架关键技术解析》以Laravel 5.1版本为基础,从框架技术角度介绍Laravel构建的原
《四季读诗》内容简介:呈现在您面前的这本《四季读诗》,是一册编排新颖、图文并茂的古诗词读本。从先秦时代的《诗经》,一直到近
编译原理-编译程序构造实践教程 本书特色 《编译原理:编译程序构造与实践教程》:牢牢掌握编译程序构造的基本原理深入理解C程序设计语言的特性实践中领悟、实践中提升...
《二十五史艺文经籍志考补萃编续刊(第十五卷)》内容简介:《二十五史艺文经籍志考补萃编续刊》,是《萃编》的后续配套产品,是一
《Photoshop CC商品照片精修与网店美工实战手册》内容简介:《Photoshop CC商品照片精修与网店美工实战手册》结构清晰、内容翔实、
Dozensofinformative,full-colorillustrations!UnderstandNokiasuserinterfacesandthe...
R语言编程艺术 本书特色 著名计算机科学家兼统计学家撰写,R语言领域公认经典著作。从纯编程角度系统讲解R语言的数据结构、编程结构、语法、TCP/IP网络编程、并...
《淘宝网店深度SEO优化技术揭秘:网店流量高效转化》内容简介:淘宝搜索流量,尤其是自然搜索流量是一块大蛋糕!但是淘宝的搜索规则
《四君主》内容简介:英格兰国王亨利八世、法国国王弗朗索瓦一世、神圣罗马帝国皇帝查理五世和奥斯曼帝国苏丹苏莱曼大帝,这四位伟
《Spring Boot从入门到实战(微课视频版)》内容简介:本书从Spring和Spring MVC的基础知识讲起,让读者无难度地学习Spring Boot ...
复杂互联系统与网络鲁棒性研究 本书特色 本书致力于介绍复杂互联系统与复杂网络鲁棒性研究的基础知识和研究进展。由于该领域相关研究内容繁多,因此本书主要介绍复杂网络...
《女性择偶倾向》内容简介:择偶作为一种复杂的社会、文化和心理现象,近年来已成为社会学与心理学炙手可热的研究课题。西方*早展开
《婚礼纪实摄影宝典》内容简介:《婚礼纪实摄影宝典》是一本介绍如何拍摄婚礼纪实影像的专业书籍,书中通过图文结合的方式讲解了婚
《微机原理及应用》是教育科学“十五”国家规划课题研究成果。全书共13章,包括:基础知识,微型计算机概论,8086/8088指令系统与
本书用精炼的内容介绍了基础知识,把重点放在了各种Eclipse插件的使用和工程的实例开发中,能帮助有一些Web基础知识的读者迅速地
Google Android2手机应用程序设计入门-第3版-(1DVD+手册) 本书特色 用*短的时间,跟随拥有android market单一应用程序下载超过...