响应式Web设计

出版日期:2014-8-1
ISBN:9787111473213
作者:(美)Benjamin LaGrone
页数:206页

内容概要

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及javascript的响应式图像 / 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 仅为移动设备添加javascript功能特效 / 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章 非侵入式javascript / 178
7.1 简介 / 179
7.2 基于非侵入式javascript编写“hello world” / 179
7.3 基于事件监听器创建发光效果的“提交”按钮 / 183
7.4 制作鼠标悬停后的按钮突出效果 / 189
7.5 基于非侵入式jquery改变页面元素大小 / 193
7.6 基于非侵入式javascript的密码遮罩 / 197
7.7 基于事件监听器实现图像阴影的动态效果 / 201

作者简介

《响应式web设计:html5和css3实践指南》由资深web开发工程师撰写,通过大量真实的示例,详细介绍新的开发工具集,深入阐释响应式web设计的各种实用技术和新方法,帮助你快速掌握响应式web设计的精髓。
全书共分为了章,涵盖响应式元素和媒介、响应式字体、响应式布局、媒介查询、响应式框架、响应式内容优化,以及使用javascrip和jquery实现非侵入式交互等主题,从准备工作、实现方式和工作原理三部分全面讲述响应式web设计所涉及的各种技术和方法,并提供具体的实现代码,便于读者参考实践。


 响应式Web设计下载 更多精彩书评



发布书评

 
 


精彩书评 (总计1条)

  •     以前看书从来不看译者序,今天闲来无事,再次翻开《响应式Web设计:HTML5和CSS3实践指南》看了译者序:其中译者在这里回答了两个问题1:什么是响应式?用译者话说:“所谓响应式就是根据用户行为及设备环境进行相应的响应和调整,以便给所有用户群带来一致的用户体验。”2:什么是响应式设计?这个问题也可以转化为怎么实现响应式?作者原话是这么说的:“响应式设计并不是单纯设计者的事情,它是一系列技术栈的结合。HTML5和css3在响应式设计中扮演着举足轻重的角色。”从此处可以看出响应式是通过设计配合一系列技术实现的,而HTML5和CSS3是目前为止实现响应式设计的重要技术。

精彩短评 (总计4条)

  •     适合新手入门阅读,讲的内容都很基础
  •     书很薄,很快就翻完了,但是实际应用过程中再次翻开书,有了深度理解,就佩服作者的细腻了
  •     不错的一点小书,但是对基础知识要求挺高。看之前建议对网页设计基础知识有很多了解。
  •     一年前读过。 很基础。
 

外国儿童文学,篆刻,百科,生物科学,科普,初中通用,育儿亲子,美容护肤PDF图书下载,。 零度图书网 

零度图书网 @ 2024