内容简介
本书是一本全面介绍响应式Web设计技术的实战指南,重点讲解如何使用HTML5和CSS3构建适应不同屏幕尺寸和设备的现代网站。作者Ben Frain通过丰富的示例和清晰的步骤,引导读者掌握从基本布局到高级技巧的核心知识。
书中首先介绍了响应式设计的基本概念和原理,包括流式布局、弹性图片和媒体查询等关键技术。随后深入讲解HTML5的新特性,如语义化标签、表单增强和多媒体元素,帮助读者构建结构清晰、可访问性强的网页。在CSS3部分,读者将学习到选择器、动画、过渡、变换等强大功能,以及如何利用Flexbox和Grid布局实现灵活的页面设计。
此外,本书还涵盖了移动优先的开发策略、性能优化、跨浏览器兼容性测试等实用主题。每章配有实际项目案例和代码示例,便于读者边学边练。无论是前端新手还是有经验的开发者,都能从本书中获得宝贵的实践经验和设计思路,从而制作出在各种设备上都能完美呈现的响应式网站。
目录
译 者 序
前 言
致 谢
1 HTML5、CSS3及响应式设计入门
1.1 为什么智能手机很重要(而老版的IE不再重要)
1.2 响应式设计一定是最佳选择吗
1.3 响应式网页设计的定义
1.4 为什么要在响应式设计上停滞不前
1.5 响应式网页设计示例
1.6 为什么HTML5很优秀
1.7 CSS3为响应式设计和更多创新奠定了基础
1.8 看呐,不用图片
1.9 HTML5和CSS3现在就能用吗
1.10 响应式网页设计不是灵丹妙药
1.11 引导客户:网站不必在所有浏览器中表现一致
1.12 小结
2 媒体查询:支持不同的视口
2.1 现在就能使用媒体查询
2.2 为什么响应式设计需要媒体查询
2.3 我们的第一个响应式设计
2.4 阻止移动浏览器自动调整页面大小
2.5 针对不同视口宽度修正设计
2.6 响应式设计中内容始终优先
2.7 媒体查询只是必要条件之一
2.8 小结
3 拥抱流式布局
3.1 固定布局经不起未来考验
3.2 为什么响应式设计需要百分比布局
3.3 将网页从固定布局修改为百分比布局
3.4 用em替换px
3.5 弹性图片
3.6 为不同的屏幕尺寸提供不同的图片
3.7 流动网格布局和媒体查询的默契配合
3.8 CSS网格系统
3.9 小结
4 响应式设计中的HTML5
4.1 HTML5的哪些部分现在就能用
4.2 如何编写HTML5网页
4.3 HTML5的全新语义化元素
4.4 HTML5结构元素的实际用法
4.5 HTML5的文本级语义元素
4.6 遵循WAI-ARIA实现无障碍站点
4.7 在HTML5中嵌入媒体
4.8 用HTML5的方法为页面添加视频或音频
4.9 响应式视频
4.10 离线Web应用
4.11 小结
5 CSS3:选择器、字体和颜色模式
5.1 CSS3给前端开发人员带来了什么
5.2 CSS规则解析
5.3 私有前缀及其用法
5.4 快速而有效的CSS技巧
5.5 CSS3的新增选择器及其用法
5.6 自定义网页字体
5.7 帮帮我,标题模糊怎么办
5.8 新的CSS3颜色格式和透明度
5.9 小结
6 用CSS3创造令人惊艳的美
6.1 文字阴影
6.2 盒阴影
6.3 背景渐变
6.4 背景渐变图案
6.5 CSS3的响应性
6.6 组合使用CSS3属性
6.7 多重背景图片
6.8 更多CSS特性
6.9 可缩放图标:响应式设计中的完美选择
6.10 小结
7 CSS3过渡、变形和动画
7.1 什么是CSS3过渡以及如何使用它
7.2 CSS3的2D变形
7.3 尝试CSS3的3D变形
7.4 CSS3动画效果
7.5 小结
8 用HTML5和CSS3征服表单
8.1 HTML5表单
8.2 如何给不支持新特性的浏览器打补丁
8.3 使用CSS3美化HTML5表单
8.4 小结
9 解决跨浏览器问题
9.1 渐进增强与优雅降级
9.2 该不该修复老版本IE
9.3 前端的瑞士军刀:Modernizr
9.4 必要时将导航链接转换为下拉菜单
9.5 高分辨率设备(未来趋势)
9.6 小结
您当前的等级为
登录后免费下载登录
小黑屋反思中,不准下载!
评论后刷新页面下载评论
支付¥以后下载
请先登录
您今天的下载次数(次)用完了,请明天再来
支付积分以后下载立即支付
支付以后下载立即支付
您当前的用户组不允许下载升级会员
您已获得下载权限
您可以每天下载资源次,今日剩余次
免责申明:
1. 本站分享的所有书籍均来源于自互联网,我们只进行收集整理,并不对书籍内容进行更改。
2. 部分书籍中可能有书籍压制者放置的广告,这并不是本站所为,请注意甄别。
3. 我们分享这些书籍,纯粹是出于知识分享的热情,以及对互联网分享精神的高度认同和践行,没有任何商业目的。
4. 本站分享的所有书籍,仅供个人学习研究使用,请勿用于任何商业用途,否则产生的一切法律纠纷与本站无关。
5. 如果这些书籍让你有所收获,在条件允许的情况下,请一定购买正版书籍,这是对创作者最好的支持。
6. 如果您是此书籍的版权所有者,且您不希望此作品出现在本站,请联系我们,我们将在收到您的请求后48时间内予以删除。