新書推薦:
《
化妆品学原理
》
售價:NT$
254.0
《
万千教育学前·与幼儿一起解决问题:捕捉幼儿园一日生活中的教育契机
》
售價:NT$
214.0
《
爱你,是我做过最好的事
》
售價:NT$
254.0
《
史铁生:听风八百遍,才知是人间(2)
》
售價:NT$
254.0
《
量子网络的构建与应用
》
售價:NT$
500.0
《
拍电影的热知识:126部影片里的创作技巧(全彩插图版)
》
售價:NT$
500.0
《
大唐名城:长安风华冠天下
》
售價:NT$
398.0
《
情绪传染(当代西方社会心理学名著译丛)
》
售價:NT$
403.0
編輯推薦:
面对狂野发展变化的Web世界,什么是Web开发的**实践方案呢?很简单,一个核心的设计原则:放弃过去多年来赖以为继的教条,拥抱Web的不确定性。
这是一本实践性的书籍,Web界资深的开发人员Rob Larsen将其命名为Web应变之道。本书概括了不确定性Web的原理内容,同时本书将会让你明白,过去的技术方案必须要做一个成功的转型。
结合Web标准、渐进增强、不断迭代的设计和开发,以及质疑现状的理念,你的团队将能创建在现在和未来的大部分设备上都表现良好的站点和应用。本书将告诉你相关的方法。
内容要点:
◎概览成千上万的浏览器设备操作系统的组合
◎专注于**,而不是**的解决方案
◎特征检测、Modernizr和Polyfills
◎响应式Web设计、移动端优先,以及渐进增强
◎能够运行在多重用户输入模式下的UI设计
◎图片适配、SVG,以及服务端优化
◎极其复杂的Web视频
◎未来我们期望的Web世界
內容簡介:
本书前两章介绍当今社会Web世界的现状和特征,从根源上认识Web的基因,得出正确的Web技术思维,后续章节围绕大家所面临的具体难题:新特性开发、多端的支持、变化的用户输入设备、**表现力的Web载体图片和视频等主题展开详述,部分内容,作者会使用*精简的源码,帮助分析得出适合的解决方案。
關於作者:
Rob Larsen花了13年的时间为***的大公司和知名品牌构建Web站点和应用程序,他将这些经验应用于教学,开启了Web用户在HTML与CSS领域的旅程。
译者介绍
莫卫红,花名莫魔,英文名meric mo。前端专家,10余年的互联网技术开发与架构经验,先后在招商银行、腾讯、****主导过金融业务、虚拟业务、游戏、电商交易、外贸服务等业务的技术研发,曾多次组建团队进行核心业务攻坚,有丰富的Web架构经验与团队管理经验。
目錄 :
前言 xiii
第 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
跨浏览器的 Polyfils 71
其他的 Modernizr 方法 72
管理那些不可检测的特征 75
常用的特征检测及相关的 polyfils 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
Picturefil、 picture 元素的 Polyfil 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 章 理想的 Web 187
事情总会变得更好(虽然偶尔会变得更糟) 188
Firefox 宣布支持 h.264 编解码 188
从消亡中回来的 picture 189
Point 事件或许真的会消失 189
我知道这样的事情会发生 190
让我们推动一切向前发展 190
开发人员、浏览器厂商和标准机构作用下的 Web 世界 190
快速、可靠、广泛地使用 Web 世界 191
Web 没有所谓的赢 193
开启我们想要的 Web 世界 194
索引195
內容試閱 :
译者序
Web 作为当今世界*前沿的产业“互联网+”的核心载体,可谓包罗万象、博大精深;20 年来,始终保持极速发展的势头,伴随移动端及物联网的发展,Web 世界充满变化,在百花齐放、野蛮生长的同时,也孕育着Web 固有的规律向前行;清晰地认识这一规律,有助于推进和加速Web 的发展进程;制定一系列大家共同遵守的规范和标准绝不仅仅是某一个部门或机构的工作,W3C 和WHATWG 都深知这一点;真理源于实践,实践源于广大的技术开发人员,开发人员们只有清楚认知这一变化,才能在以后的技术生涯中走得更快、更好,成为这一技术革命的历史功臣。
21 世纪初,我们开发一个Web 页面,只需要关心PC 台式机和Windows 操作系统,主要的浏览器也只有IE,至多再考虑一下屏幕分辨率就能满足绝大部分用户的浏览诉求。不断地,各大厂商纷纷加入争夺浏览器的市场份额,掀起了浏览器之争;大约在2010 年,Web 的世界发生了历史性的转折,移动设备、物联网设备层出不穷,如何让我们的Web 页面能够响应到多端、多平台,成为Web 开发人员*苦恼的问题。同时,网络带宽的迅猛发展,降低了网速对设备的局限,如何更清晰、流畅、低成本地在各种移动设备中浏览图片、视频信息,成为用户对Web 开发人员*基本的诉求;本书不断围绕这些变化,展开详述,有针对性地给出具体的解决方案,给大家一个清楚的认知。
本书前两章介绍当今社会Web 世界的现状和特征,从根源上认识Web 的基因,得出正确的Web 技术思维,后续章节围绕大家所面临的具体难题:新特性开发、多端的支持、变化的用户输入设备、**表现力的Web 载体图片和视频等主题展开详述,部分内容,作者会使用*精简的源码,帮助分析得出适合的解决方案;不仅于此,作者期望所有Web 相关的从业人员:设计师、开发人员、技术架构师、全栈工程师等能够加入Web 阵营,尽力所能及之事,加速Web 世界健康有序地发展。
正如我的挚友Rob Larsen 所说,Web 从来不是一个静止的平台,我们必须用发展变化、开放式的思维看待这一切,在以后的实验和工作中,用开放式的互联网思维规划我们的技术和产品,让互联网技术产生它应该具有的**价值。
本书的实例代码、图片等资源均可从作者的GitHub 中获取,书中涉及的非常多的Web 数据及部分实践案例的相关资源均可从作者搭建的bit.ly 站点上查看,国内用户可能需要使用代理访问。
本书由莫卫红、吴梦圆、李鑫和陈振武共同翻译完成,莫卫红主导全书的翻译与修订工作,大家的齐心协力保障了本书的优良品质;*后,感谢电子工业出版社的张春雨和郑柳洁,是你们的信任与支持,让整个翻译与修订工作取得圆满的成果。本书部分内容,在表述上与作者生活的社会环境相关,翻译过程中,尽量保持了作者的本意,如察觉理解上有疏漏,或者存在勘误之处,欢迎大家前往反馈您宝贵的建议,共同保障O’REILLY 系列图书的**品质。
莫卫红(meric)
2015 年冬于深圳