计算机书籍控

响应式Web设计 HTML5和CSS3实战

《响应式Web设计:HTML5和CSS3实战》作者Ben Frain将当前Web设计中热门的响应式设计技术与HTML和CSS3完美结合,帮助读者全面掌握最新的Web设计技术,一步跨入最前沿;《响应式Web设计:HTML5和CSS3实战》是前端设计人员必备教程。

目录


第1章  HTML5、CSS3及响应式设计入门 1
1.1  为什么智能手机很重要(而老版的IE不再重要) 2
1.2  响应式设计一定是最佳选择吗 3
1.3  响应式网页设计的定义 3
1.4  为什么要在响应式设计上停滞不前 4
1.5  响应式网页设计示例 4
1.5.1  下载视口调试工具 4
1.5.2  在线创意源泉 11
1.6  为什么HTML5很优秀 12
1.6.1  省时省力 12
1.6.2  新增了语义化标签元素 13
1.7  CSS3为响应式设计和更多创新奠定了基础 13
1.7.1  底线:CSS3不破坏任何东西 14
1.7.2  CSS3如何解决日常设计问题 14
1.8  看呐,不用图片 17
1.9  HTML5和CSS3现在就能用吗 20
1.10  响应式网页设计不是灵丹妙药 20
1.11  引导客户:网站不必在所有浏览器中表现一致 21
1.12  小结 22
第2章  媒体查询:支持不同的视口 23
2.1  现在就能使用媒体查询 23
2.2  为什么响应式设计需要媒体查询 24
2.2.1  媒体查询语法 24
2.2.2   媒体查询能检测那些特性 26
2.2.3  用媒体查询改造我们的设计 27
2.2.4  加载媒体查询的最佳方法 27
2.3  我们的第一个响应式设计 27
2.3.1  我们的设计是固定宽度的,不要惊讶 28
2.3.2  响应式设计中要保证图片尽可能精简 32
2.3.3  小视口下的内容剪切 33
2.4  阻止移动浏览器自动调整页面大小 34
2.5  针对不同视口宽度修正设计 37
2.6  响应式设计中内容始终优先 38
2.7  媒体查询只是必要条件之一 42
2.8  小结 42
第3章  拥抱流式布局 43
3.1  固定布局经不起未来考验 43
3.2  为什么响应式设计需要百分比布局 44
3.3  将网页从固定布局修改为百分比布局 44
3.3.1  需要牢记的公式 45
3.3.2  设置百分比元素的上下文 47
3.3.3  必须时刻牢记上下文 52
3.4  用em替换px 54
3.5  弹性图片 56
3.5.1  让图片随视口缩放 56
3.5.2  为特定图片指定特定规则 58
3.5.3  给弹性图片设置阈值 59
3.5.4  超级全能的max-width属性 61
3.6  为不同的屏幕尺寸提供不同的图片 61
3.7  流动网格布局和媒体查询的默契配合 66
3.8  CSS网格系统 66
3.9  小结 72
第4章  响应式设计中的HTML5 73
4.1  HTML5的哪些部分现在就能用 73
4.1.1  大多数网站可以用HTML5编写 74
4.1.2  腻子脚本和Modernizr 74
4.2  如何编写HTML5网页 75
4.2.1  HTML5的精简之道 76
4.2.2  HTML5标签的合理写法 76
4.2.3  伟大的标签万岁 77
4.2.4  HTML的废弃零件 77
4.3  HTML5的全新语义化元素 78
4.3.1  
 78 4.3.2  

书籍下载

免费下载

正版书籍

响应式Web设计 HTML5和CSS3实战