编辑推荐
null
内容简介
拉尔森编著的《Web应变之道》基于Web实战经验、规范组织及社区论坛,分析Web现状、问题和挑战,紧扣Web的变化性与不确定性,提供方法论的指导,倡导用开放的思维来应对Web世界;随后结合当今Web最热门的话题:特征检测、响应式、多设备输入、图片、视频等新特性主题,提供解决方案或指导意见;本书的核心读者是专职或专业的Web前端开发人员,另外,对Web规范制订者和那些渴望更好地适应现代互联网的设计师、后台工程师及全栈工程师也是非常不错的选择。
目 录
前言第1章 拥抱不确定性 拥抱不确定性 从微软独家垄断到今天百花齐放 我们现在所处的位置 浏览器 开放的Web平台 网络速度和质量 人机交互界面 屏幕分辨率和屏幕方向 像素密度 2%究竟意味着什么? 这正是我们想要的第2章 掌控Web的不确定性 不要因Web的本性而责备它 识别和拥抱你的受众 测试并祈祷最好的结果 专注于最优,而不是绝对的解决方案 拥抱可访问性 为非文字的内容提供可替代的文本 确保信息和结构与表现的分离 确保可以用键盘进行所有功能性操作 除非必需的定时或移动,否则用户应当可以暂停内容 提供机制帮助用户找到内容、定位位置和导航页面 帮助用户避免犯错让纠正错误变得简单 为现在和未来的UA提供兼容(包括辅助技术) 不要止步于此 丢掉你的技术偏见 iPhone是唯一的移动端体验 可关掉的,无法修复/重现的问题。 和主流的观点相反,IE确实还存在 设身处地 丢掉你的框架库偏见 jQuery MV*框架 关注技术前沿 张开你的翅膀(并质疑你的推断)第3章 新特性的开发 特征检测 一个比较复杂的特征检测案例 使用Modernizr库 旧版本IE:Modernizr让它现代化的案例 使用(和不使用)Modernizr Modernizr的特征检测 定制Modernizr 使用Modernizr进行特征检测 跨浏览器的Polyfils 其他的Modernizr方法 管理那些不可检测的特征 常用的特征检测及相关的polyfils “前端开发做该做的事情”第4章 响应式设计与移动端体验设计 波士顿环球报采用响应式重新设计 响应式设计真的适合所有网站? 移动端优先,RESS及其他通用的移动端开发 专用的移动体验 移动端优先 渐进增强 RESS 选择正确的开发捷径 你的团队的大小与技能 你的网站或应用的要求 你的用户类型 你的预算 响应式设计的好处 响应式的缺点 专用的移动端站点体验的优点 专用的移动端站点体验的缺点 Facebook做什么,我们就要跟着做什么吗?或者是美国最大的站点在做 什么我们就要去做什么吗? 选择对你项目有实际意义的架构 重定向应该解决逻辑问题 重定向选项 简单的重定向 更复杂的查询 总是在你的移动站点上提供一个出口 尽可能保持流体设计 不要吝啬于使用断点 相对单位 “接受事物的潮起潮落”第5章 处理用户输入 Web上用户输入的现状 “触屏”检测的概念问题 “触屏”检测的技术问题 后果自负 彻底失败 局部失误 为各种潜在的用户输入方式做设计 为所有界面提供触摸功能 别依赖Hover 拥抱明确性 处理所有的用户输入方式 触摸事件与鼠标事件的现状 别假设任何事,为所有人服务第6章 出奇复杂的Web图片 图片悄悄地变复杂了 提供尽可能小的文件尺寸 利用浏览器的预加载 为各种分辨率提供尺寸合适的图片 为具备多种像素比的设备提供正确尺寸的图片 在不同环境使用不同尺寸的图片或不同的图片 使用设计断点 提供正确的图片格式 图片很简单,并且应该保持简单 为Web去优化图片 JPEG 选择正确的图片格式 寻求CDN解决方案 响应式图片 通过配置去解决问题(至少不需要增加额外的事情) srcset属性 picture元素 Picturefil、picture元素的Polyfil 拥抱SVG 服务端处理 超实用的开发指南 明确图片对你站点的重要性 把基本的处理做好 尽可能用最简单的方案 学会去爱 测试! 小结第7章 极其复杂的Web视频 核心技术 video元素 通过Flash降级 存储与编解码 Video.js Mime类型和流媒体自适应比特率 用专业的方式去处理 YouTube Vimeo 一个复杂的例子第8章 理想的Web 事情总会变得更好(虽然偶尔会变得更糟) Firefox宣布支持h.264编解码 从消亡中回来的picture Point事件或许真的会消失 我知道这样的事情会发生 让我们推动一切向前发展 开发人员、浏览器厂商和标准机构作用下的Web世界 快速、可靠、广泛地使用Web世界 Web没有所谓的赢 开启我们想要的Web世界索引
媒体评论
null