响应式Web设计：HTML5和CSS3实战-图书-manbetx户口社区

本书特色

* 前端设计人员必备教程
* 图文并茂，轻松掌握最新设计技术
* 全面应用HTML5和CSS3，一步跨入最前沿

“看完这本书，我必须得说，这时间花得太值了。作者通过一个虚构的网站，让你掌握了所有细节。”
“响应式Web设计具有巨大的潜在商业价值，这本书把响应式Web设计讲得非常透彻。”
——亚马逊读者评论

随着iPad mini的发布，又一个新的屏幕尺寸诞生了。用不着全面统计，你就会发现移动互联网时代众多的屏幕规格，从智能手机的3、4、5英寸，到平板电脑的7、8、9、10英寸，再到笔记本和台式机13至30英寸，绝非目前单一的固定或流式布局所能应付的。于是，响应式设计应运而生，而且它也将成为移动互联网时代前端设计与开发人员的一门必修课。

本书堪称学习响应式Web设计的难得佳作。它不仅全面、细致、图文并茂地介绍了响应式设计相关的技术，比如媒体查询、流式布局、弹性媒体和弹性字体等等，还把近几年来Web设计领域公认的最佳设计理念有机地融入到了实例当中，比如移动先行（Mobile First）、渐进增强、平稳退化、无障碍设计等等。更加难得的是，本书以设计跨屏幕的网页（响应式设计）为出发点，以点带面，把如今Web设计领域两大标准的最新版本——HTML5和CSS3也纳入其中，读者在掌握先进设计方法的同时也能掌握最新的设计技术（比如使用新的HTML5结构化语义标记、嵌入媒体、响应式视频，以及CSS3的新选择器、特效、过渡、变形和动画等等），从而可以免除重复学习新标准之苦，让自己一步跨入Web设计领域的最前沿。无论你想学习响应式Web设计，还是学习HTML5和CSS3的实际应用，本书都能满足你的需要，是毋庸置疑的明智之选。

说到底，响应式Web设计并非一门独立的技术，而只是现有技术的一个组合应用。只要有一点HTML和CSS基础的读者都能顺利地掌握它。对于中、高级的前端设计和开发人员，翻阅本书也有助于理清自己的知识脉络，对这个新的设计理念获得更全面、深入的理解和把握。

关于作者	阅读
译者序	阅读
前言	阅读
第1章 HTML5、CSS3和响应式网页设计入门 1.1 为什么智能手机很重要（而老版的IE不再重要） 1.2 响应式设计一定是最佳选择吗 1.3 响应式网页设计的定义 1.4 为什么要在响应式设计上停滞不前 1.5 响应式网页设计示例 1.5.1 下载视口调试工具 1.5.2 在线创意源泉 1.6 为什么HTML5很优秀 1.6.1 省时省力 1.6.2 新增了语义化标签元素 1.7 CSS3为响应式设计和更多创新奠定了基础 1.7.1 底线：CSS3不破坏任何东西 1.7.2 CSS3如何解决日常设计问题 1.8 看呐，不用图片 CSS3还带来了什么 1.9 HTML5和CSS3现在就能用吗 1.10 响应式网页设计不是灵丹妙药 1.11 引导客户：网站不必在所有浏览器中表现一致 1.12 小结
第2章媒体查询：支持不同的视口 2.1 现在就能使用媒体查询 2.2 为什么响应式设计需要媒体查询 2.2.1 媒体查询语法 2.2.2 媒体查询能检测那些特性 2.2.3 用媒体查询改造我们的设计 2.2.4 加载媒体查询的最佳方法 2.3 我们的第一个响应式设计 2.3.1 我们的设计是固定宽度的，不要惊讶 2.3.2 响应式设计中要保证图片尽可能精简 2.3.3 小视口下的内容剪切 2.4 阻止移动浏览器自动调整页面大小 2.5 针对不同视口宽度修正设计 2.6 响应式设计中内容始终优先 2.7 媒体查询只是必要条件之一我们需要流动布局 2.8 小结	阅读
第3章拥抱流式布局 3.1 固定布局经不起未来考验 3.2 为什么响应式设计需要百分比布局 3.3 将网页从固定布局修改为百分比布局 3.3.1 需要牢记的公式 3.3.2 设置百分比元素的上下文 3.3.3 必须时刻牢记上下文 3.4 用em替换px 3.5 弹性图片 3.5.1 让图片随视口缩放 3.5.2 为特定图片指定特定规则 3.5.3 给弹性图片设置阈值 3.5.4 超级全能的max-width属性 3.6 为不同的屏幕尺寸提供不同的图片设置自适应图片 3.7 流动网格布局和媒体查询的默契配合 3.8 CSS网格系统使用网格系统快速搭建网站 3.9 小结
第4章响应式设计中的HTML5 4.1 HTML5的哪些部分现在就能用 4.1.1 大多数网站可以用HTML5编写 4.1.2 腻子脚本和Modernizr 4.2 如何编写HTML5网页 4.2.1 HTML5的精简之道 4.2.2 HTML5标签的合理写法 4.2.3 伟大的<a>标签万岁 4.2.4 HTML的废弃零件 4.3 HTML5的全新语义化元素 4.3.1 <section> 4.3.2 <nav> 4.3.3 <article> 4.3.4 <aside> 4.3.5 <hgroup> 4.3.6 <header> 4.3.7 <footer> 4.3.8 <address> 4.4 HTML5结构元素的实际用法网站的主体内容怎么办？ 4.5 HTML5的文本级语义元素 4.5.1 <b> 4.5.2 <em> 4.5.3 <i> 4.5.4 在页面中应用文本层语义元素 4.6 遵循WAI-ARIA实现无障碍站点 ARIA的地标角色 4.7 在HTML5中嵌入媒体 4.8 用HTML5的方法为页面添加视频或音频 4.8.1 提供备用的媒体源文件 4.8.2 针对老版本浏览器的备用方案 4.8.3 <audio>和<video>标签的用法基本一致 4.9 响应式视频 4.10 离线Web应用 4.10.1 离线Web应用概述 4.10.2 让网页可离线使用 4.10.3 理解manifest文件 4.10.4 页面被自动加载到离线缓存 4.10.5 版本注释的用途 4.10.6 离线访问网站 4.10.7 离线Web应用的故障诊断 4.11 小结
第5章 CSS3：选择器、字体和颜色模式 5.1 CSS3给前端开发人员带来了什么 5.1.1 Internet Explorer 6到8对CSS3的支持 5.1.2 使用CSS3设计和开发页面 5.2 CSS规则解析 5.3 私有前缀及其用法 5.4 快速而有效的CSS技巧 5.4.1 CSS3多栏布局 5.4.2 文字换行 5.5 CSS3的新增选择器及其用法 5.5.1 CSS3属性选择器 5.5.2 CSS3结构伪类 5.5.3 对伪元素的修正 5.6 自定义网页字体 5.6.1 @font-face规则 5.6.2 使用@font-face嵌入网页字体 5.7 帮帮我，标题模糊怎么办在响应式设计中使用自定义@font-face字体的注意事项 5.8 新的CSS3颜色格式和透明度 5.8.1 RGB颜色 5.8.2 HSL颜色 5.8.3 针对IE6、IE7和IE8提供备用颜色值 5.8.4 透明通道 5.9 小结
第6章用CSS3创造令人惊艳的美 6.1 文字阴影 6.1.1 HEX、HSL或RGB颜色都可以 6.1.2 px、em或rem都行 6.1.3 取消文字阴影 6.1.4 制作浮雕文字阴影效果 6.1.5 多重文字阴影 6.2 盒阴影 6.2.1 内阴影 6.2.2 多重阴影 6.3 背景渐变 6.3.1 线性背景渐变 6.3.2 径向背景渐变 6.3.3 重复渐变 6.4 背景渐变图案 6.5 CSS3的响应性 6.6 组合使用CSS3属性 6.7 多重背景图片 6.7.1 背景图片大小 6.7.2 背景图片位置 6.7.3 背景属性的缩写语法 6.8 更多CSS特性 6.9 可缩放图标：响应式设计中的完美选择 6.10 小结
第7章 CSS3过渡、变形和动画 7.1 什么是CSS3过渡以及如何使用它 7.1.1 过渡相关的属性 7.1.2 响应式网站中的有趣过渡 7.2 CSS3的2D变形我们能做哪些变形 7.3 尝试CSS3的3D变形 7.3.1 分析3D变形效果 7.3.2 3D变形尚未成熟 7.4 CSS3动画效果组合使用CSS3变形和动画 7.5 小结
第8章用HTML5和CSS3征服表单 8.1 HTML5表单 8.1.1 理解HTML5表单中的元素 8.1.2 placeholder 8.1.3 required 8.1.4 autofocus 8.1.5 autocomplete 8.1.6 list（及对应的datalist元素） 8.1.7 HTML5的新输入类型 8.1.8 日期和时间输入类型 8.2 如何给不支持新特性的浏览器打补丁 8.3 使用CSS3美化HTML5表单针对表单的CSS3伪类选择器 8.4 小结
第9章解决跨浏览器问题 9.1 渐进增强与优雅降级现状 9.2 该不该修复老版本IE 9.2.1 统计数据（再看看世界的变化） 9.2.2 个人选择 9.3 前端的瑞士军刀：Modernizr 9.3.1 使用Modernizr辅助修正样式问题 9.3.2 使用Modernizr让老版本IE支持HTML5元素 9.3.3 给IE6、7、8追加min/max媒体查询功能 9.3.4 使用Modernizr按需加载资源 9.4 必要时将导航链接转换为下拉菜单 9.5 高分辨率设备（未来趋势） 9.6 小结
附录附录1：响应式Web设计（HTML5和CSS3）工具集附录2：响应式Web设计（HTML5和CSS3）范例网站附录3：本书涉及的HTML5及CSS3标准索引附录4：本书提到的电影索引	阅读

作者介绍

Ben Frain（作者）是一名具有十多年经验的网页设计师和前端工程师，直接与世界各地的客户和设计机构并肩工作。同时他还是一名技术记者，定期为一些关注Mac平台、前沿科技、网页设计和航空技术的刊物撰稿。
在此之前，他曾是一名怀才不遇的（而且谦虚的）电视演员，毕业于索尔福德大学的媒体与表演专业。他写了四部（个人认为）同样被低估的剧本，而且始终心怀能卖出一部的信念（尽管不像最初那么强烈了）。
工作之余，在身体（和妻子）允许的情况下，他喜欢玩室内足球。他的个人网站是www.benfrain.com，Twitter地址是twitter.com/benfrain。

大家也喜欢

Bulma必知必会

杰里米•托马斯奥列克西•波切辛米科•劳哈卡里阿斯拉姆•沙戴夫•伯宁华华张俊达译

Bulma是一个流行的开源CSS框架，轻量而易用。借助它，即使完全不会编写CSS，也能轻松创建出美观的网页。本...
RxJava反应式编程

[波兰] 托马什 • 努尔凯维茨 [美] 本 • 克里斯滕森张卫滨译

RxJava广泛应用于Android应用程序的开发，得到了广大开发人员的青睐。其语法简洁，运行高效，未来有望成...
精通CSS：高级Web标准解决方案（第3版）

[英]安迪•巴德 [瑞典]埃米尔•比约克隆德李松峰译

本书是CSS设计经典图书升级版，结合CSS近年来的发展，尤其是CSS3和HTML5的特性，对内容进行了全面改写...
响应式Web设计：HTML5和CSS3实战（第2版）

[英] Ben Frain 奇舞团译

本书将当前Web 设计中热门的响应式设计技术与HTML5 和CSS3 结合起来，为读者全面深入地讲解了针对各种...
HTML5与WebGL编程

Tony Parisi 潘征译

本书主要讲解如何运用HTML5及CSS3、WebGL等相关技术，开发出具有极强视觉冲击力的、高性能的3D We...

12推荐
为什么要学习响应式设计

编者按：以下是manbetx户口即将出版的新书《响应式Web设计：HTML5和CSS3实战》的封底文字。相信它能解答一些读者的疑问。随着iPad mini的发布，又一个新的屏幕尺寸诞生了。用不着全面统计，你就会发现移动互联网时代众多的屏幕规格，从智能手机的3、4、5英寸，到平板电脑的…...

李松峰发表于 2012-11-19
1推荐
响应式网页设计示例

若要全方位测试你自己或别人的响应式网站，则需要针对每一种设备和不同的屏幕尺寸，分别准备不同的测试系统。尽管这是最完美的办法，但通过改变浏览器窗口大小其实就可以完成大多数测试。除此之外，还有很多第三方插件和浏览器扩展可供选择，通过它们可以将当前浏览器窗口或视口设定为指定像素。必要…...

出版圈郭志敏发表于 2012-11-19
8推荐
2013，响应式幻想

偶然的机会，你要开次夜车（注意，不是“开夜车” [汗]），横穿十里长安街。凌晨三点，你的车距离长安街500米。整条街空空荡荡的，像是刚刚散场人去楼空的电影院，一辆车也没有，路灯昏暗不明。很快，你的车还有100米就要上长安街了。此时，前方路口左右两侧的4盏灯突然变亮了一些…… …...

李松峰发表于 2013-01-07
2推荐
响应式图像技术与资源分享

本文作者： Jake Rocheleau是一名狂热的Web设计师及社交媒体企业家。他经常研究数字化设计和新时代互联网思想的最新趋势。摘要：在响应式的网站设计中，很重要的一个部分就是图片的响应式设计。在这篇文章中Rocheleau分享了移动Web在处理图片时需要用的一些…...

紫凤发表于 2012-11-27
3推荐
移动Web开发之- 响应式网页设计概念、实现和优缺点

什么是响应式网页设计？ Responsive Web Design 是 [Ethan Marcotte][1]在去年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端，根据终端屏幕的大小亦或类型而调整显示的布局与内容——而不是为每个终端做一个特定的版本。下图列举…...

紫凤发表于 2012-12-13
3推荐
《响应式Web设计——html5和css3实战》读书笔记

这本书的定位不是API手册，而是实战技巧，给我的感觉很像《无懈可击的web设计》的定位，同时也很像《DOM javascript编程艺术》的风格，用一个实际案例贯穿全书。虽然书名的主标题是“响应式Web设计”，但全书并非只讲响应式设计。它的主线是响应式设计，但穿插其中的，还有大…...

紫凤发表于 2013-01-07
8推荐
响应式设计专家Ben Frain访谈问题征集

![enter image description here][1] Ben Frain从1996年开始开发网页，是一名有着丰富经验的网页设计师和前端工程师，直接与世界各地的客户和设计机构并肩工作。他在响应式设计领域的造诣尤其深厚，精于前端代码性能优化，著有《响应式Web设计…...

盼盼姐发表于 2014-02-11
5推荐
响应式设计专家Ben Frain：设计是为解决问题而存在的（manbetx户口访谈）

Ben Frain从1996年开始开发网页，是一名有着丰富经验的网页设计师和前端工程师，他与世界各地的客户和设计机构并肩工作。他在响应式设计领域的造诣尤其深厚，精于前端代码性能优化，著有《响应式Web设计：HTML5和CSS3实战》和Sass and Compass for D…...

盼盼姐发表于 2014-03-20
11推荐
移动应用 - 原生 or Web？三本书、一些美食和一首歌

关于移动Apps的开发方式，微博里充斥着原生、Web（HTML5）两种方式孰优孰劣的争论和比较，乃至水火不容。表示可笑。从我的划分而言，偏向于业务内容（数据）展示的功能，我更愿意用Web方式，这是因为：呈现方式灵活可控，在Web上可以产生很多的炫丽效果；业务数据的多…...

2gua 发表于 2013-05-03
11推荐
像素密度的危机

原文：https://www.alistapart.com/articles/a-pixel-identity-crisis ![enter image description here][1] 在基于屏幕的设计中，像素一直都是最小的单位。由于它不可分割，因而就成为设计师…...

李松峰发表于 2013-01-16
1推荐
守望HTML5暨开发者日功城师嘉年华第2季

2013，HTML5 峰会再度来袭，一场属于 HTML5 守望者的盛宴！HTML5 作为新兴技术，未来光明但道路曲折。不管 HTML5 是遥不可及的幻想，还是眼下移动互联网的救命稻草？需要我们携手共建产业生态链走向蓬勃发展。大会主题：共享、共赢、共行动，让我们一起坚守，共谱新篇…...

袁野发表于 2013-06-21
8推荐
是当前潮流还是只欠东风

《响应式Web设计：HTML5和CSS3实战》很早就看完了，感觉它是移动端和多分辨率发展的产物，却也是有时间有精力的糕富帅团队才能玩转的技术吧。一直觉得，看编程的书籍，重要的不是学会，而是知道这一门语言，这一种技术能做什么。需要的时候，我有这本书，还有Google，实现就…...

StinkBC 发表于 2013-01-31

按时间
按推荐

没人举报过吗？不想因为某low货秀下限，就破坏了DRMfree的环境。
https://download.csdn.net/detail/keen1991/5443639

AtomChen 发表于 2014-01-01 23:11:21

推荐
本书什么时候在豆瓣阅读上线？

Wellming 发表于 2012-11-27 13:38:32

推荐
什么时候有pdf版本呢?

lazybat 发表于 2012-11-26 09:48:52

推荐
- 稍等，今天就能上。
  
  紫凤发表于 2012-11-27 08:55:52
本人购买了本书的纸质版，我觉得这本书有点儿文不对题的地方，书名叫响应式Web设计，实际上相关的内容反而不多，更多的是HTML5和CSS3的内容，而那些内容与响应式的关系又不是那么密切，貌似是充版面用的。同时，由于这本书比较薄，所以HTML5和CSS3的内容讲又讲不透，有点儿小失望。不过响应式那块还是不错的，很受启发。

mikeshi 发表于 2013-02-04 10:13:00

推荐
- 看目录就知道了
  
  sapjax 发表于 2013-04-19 14:41:58
对响应式Web设计蛮有兴趣的。

vivien 发表于 2012-05-10 20:51:32

推荐
有PDF了，赞！

icedblog 发表于 2012-11-28 10:44:06

推荐
如果可以直接推送kindle多好啊

gabrielle 发表于 2012-12-07 13:37:53

推荐
这本书翻译得非常好，译文风格十分幽默。当然，有些歌词、俚语什么的，不懂的人可能看不出来哦

姚琪琳发表于 2013-02-26 09:32:19

推荐