《响应式web设计：html5和css3实践指南》由资深web开发工程师撰写，通过大量真实的示例，详细介绍新的开发工具集，深入阐释响应式web设计的各种实用技术和新方法，帮助你快速掌握响应式web设计的精髓。
全书共分为了章，涵盖响应式元素和媒介、响应式字体、响应式布局、媒介查询、响应式框架、响应式内容优化，以及使用javascrip和jquery实现非侵入式交互等主题，从准备工作、实现方式和工作原理三部分全面讲述响应式web设计所涉及的各种技术和方法，并提供具体的实现代码，便于读者参考实践。
作者简介：
Benjamin LaGrone是一个工作和生活在得克萨斯州的Web开发工程师。6岁时就在休斯顿自然科学博物馆第一次接触计算机课程，并由此开始编程之旅。他的第一个程序是“选择自己的冒险书籍”，所使用的语言是BASIC。他至今依旧怀念编写程序需要手动添加行号的美好时光。
直到大约30年后，Ben才决定将计算机作为自己的职业。由此开始，Ben的职业生涯中包含了其个人最感兴趣的两件事：艺术和编程，即从代码中创造艺术。他最喜爱的一个项目是使用GMaps API实现病理学与染色体的映射，从而用于癌症研究。
Ben长时间着迷于移动设备，他认为响应式网站设计是Web开发的一个新领域，同时也是最令人兴奋的特性之一，并且会持续很长一段时间。他现在工作在SAAS，并在开发团队中担任移动响应式设计布道者。
除了将时间花费在互联网项目上，Ben还利用业余时间建造机器人、摆弄机器、喝咖啡、冲浪，以及指导韩国国术(Kuk Sool)。
目录：
《响应式web设计：html5和css3实践指南》
译者序
作者简介
审校者简介
前言
第1章 响应式元素及媒介 / 1
1.1 简介 / 2
1.2 基于宽度百分比的图像缩放 / 2
1.3 基于cookie及java script的响应式图像 / 5
1.4 使视频自适应于屏幕宽度 / 8
1.5 基于媒介查询的图像缩放 / 11
1.6 基于媒介查询的动态导航栏 / 13
1.7 基于尺寸的响应式内边距 / 18
1.8 基于css3按钮的进度条 / 19
第2章 响应式字体 / 25
2.1 简介 / 26
2.2 创建自适应的响应式字体 / 26
2.3 使用画布实现文本阴影 / 28
2.4 使用画布实现内侧阴影和外侧阴影 / 30
2.5 使用画布旋转文本 / 32
2.6 使用css3旋转文本 / 33
2.7 使用css3制作3d文本 / 35
2.8 基于文本遮罩的文本纹理 / 37
2.9 基于位置伪类的交替行样式 / 39
2.10 基于before及after伪元素添加字符 / 41
2.11 基于相对字体大小的按钮 / 42
2.12 为字体添加阴影效果 / 45
2.13 基于边框半径的圆角实现 / 47
第3章 响应式布局 / 51
3.1 简介 / 52
3.2 基于min-width和max-width属性的响应式布局 / 52
3.3 基于相对内边距的布局控制 / 55
3.4 为css添加媒介查询 / 58
3.5 基于媒介查询创建响应式宽度布局 / 62
3.6 基于媒介查询改变图片大小 / 68
3.7 基于媒介查询隐藏元素 / 70
3.8 创建平滑过渡的响应式布局 / 72
第4章 使用响应式框架 / 84
4.1 简介 / 85
4.2 使用流式960网格布局 / 85
4.3 使用blueprint网格布局 / 90
4.4 基于三分法的流式布局 / 95
4.5 响应式960网格框架—gumby / 101
4.6 易上手的bootstrap框架 / 107
第5章 设计移动设备优先的web应用 / 115
5.1 简介 / 116
5.2 使用safari开发者工具的用户代理设置 / 116
5.3 通过chrome插件设置用户代理 / 120
5.4 使用插件调整浏览器窗口大小 / 123
5.5 学习视窗及其相关选项 / 124
5.6 为jquery mobile添加标签 / 128
5.7 基于jquery mobile添加子页面 / 132
5.8 基于jquery mobile制作列表元素 / 135
5.9 基于jquery mobile开发具有移动设备外观的按钮 / 143
5.10 仅通过媒介查询为移动设备设置移动版本的样式表 / 150
5.11 仅为移动设备添加java script功能特效 / 152
第6章 优化响应式内容 / 155
6.1 简介 / 156
6.2 使用ie开发者工具进行响应式测试 / 156
6.3 浏览器测试—使用插件 / 160
6.4 开发环境—使用免费ide / 166
6.5 虚拟化—下载virtualbox / 169
6.6 在chrome中使用浏览器缩放工具 / 174
第7章 非侵入式java script / 178
7.1 简介 / 179
7.2 基于非侵入式java script编写“hello world” / 179
7.3 基于事件监听器创建发光效果的“提交”按钮 / 183
7.4 制作鼠标悬停后的按钮突出效果 / 189
7.5 基于非侵入式jquery改变页面元素大小 / 193
7.6 基于非侵入式java script的密码遮罩 / 197
7.7 基于事件监听器实现图像阴影的动态效果 / 201
|
