适读人群 :所有Web开发和设计人员。
随着移动设备的普及,用户上网的方式发生了巨大变化,无论从样式还是可用性来讲,只适合桌面显示器的网站已经过时了。如今,在设计网站的时候必须同时考虑多种屏幕尺寸和用户体验。如果网站对你或你的客户非常重要,那么实现响应式设计就是当务之急。
“响应式和移动优先”的设计理念,可以确保无论使用什么设备都可以正常访问你的网站。在这一理念的指导下,本书围绕实战案例,全面讲解了与响应式设计相关的现代Web技术,堪称一部“响应式设计大全”。
这一版根据新的Web设计趋势进行了更新,展示了实现现代响应式设计有效的方式,涵盖了创建响应式设计所必需的全部新技术和工具。掌握了这些内容,你设计的网站不仅可以适应当下,更可以顺应未来。
- 理解响应式设计,以及为何它对现代Web设计如此重要
- 清晰、高效地编写富有语义的HTML5标记
- 使用CSS3媒体查询基于设备应用不同的样式,了解媒体查询的新进展
- 根据不同的屏幕大小、分辨率和使用环境加载不同的图片
- 掌握表单处理,使用HTML5标记添加日期选择器、范围滑块等交互控件
- 在响应式设计里使用SVG提供分辨率无关的图片,修改SVG并添加动画效果
- 使用CSS新的特性,如自定义字体、nth-child选择符、自定义属性及CSS calc
响应式Web设计 HTML5和CSS3实战(第2版) 内容简介
本书将当前Web 设计中热门的响应式设计技术与HTML5 和CSS3 结合起来,为读者全面深入地讲解了针对各种屏幕大小设计和开发现代网站的各种技术。书中不仅讨论了媒体查询、弹性布局、响应式图片,更将新的和有用的HTML5 和CSS3 技术一并讲解,是学习新Web 设计技术不可多得的佳作。
响应式Web设计 HTML5和CSS3实战(第2版) 目录
版权信息
致谢
前言
第1章 响应式Web设计基础
1.1 定义需求
1.2 什么是响应式Web设计
1.3 浏览器支持
1.4 第一个响应式的例子
1.5 示例的不足之处
1.6 小结
第2章 媒体查询
2.1 为什么响应式Web设计需要媒体查询
2.2 媒体查询的语法
2.3 组合媒体查询
2.4 通过媒体查询修改设计
2.5 组织和编写媒体查询的注意事项
2.6 组合媒体查询还是把它们写在需要的地方
2.7 关于视口的meta标签
2.8 媒体查询4级
2.9 小结
第3章 弹性布局与响应式图片
3.1 将固定像素大小转换为弹性比例大小
3.2 Flexbox概述
3.3 使用Flexbox
3.4 响应式图片
3.5 小结
第4章 HTML5与响应式Web设计
4.1 得到普遍支持的HTML5标记
4.2 开始写HTML5网页
4.3 宽容的HTML5
4.4 HTML5的新语义元素
4.5 HTML5文本级元素
4.6 作废的HTML特性
4.7 使用HTML5元素
4.8 WCAG和WAI-ARIA
4.9 在HTML5中嵌入媒体
4.10 响应式HTML5视频与内嵌框架
4.11 关于“离线优先”
4.12 小结
第5章 CSS3新特性
5.1 没人无所不知
5.2 剖析CSS规则
5.3 便捷的CSS技巧
5.4 断字
5.5 在CSS中创建分支
5.6 新CSS3选择符
5.7 CSS3结构化伪类
5.8 CSS自定义属性和变量
5.9 CSS calc
5.10 CSS Level 4选择符
5.11 Web排版
5.12 CSS3的新颜色格式及透明度
5.13 小结
第6章 CSS3高级技术
6.1 CSS3的文字阴影特效
6.2 盒阴影
6.3 背景渐变
6.4 重复渐变
6.5 使用渐变背景创造图案
6.6 多张背景图片
6.7 高分辨率背景图像
6.8 CSS滤镜
6.9 CSS性能的警告
6.10 小结
第7章 SVG与响应式Web设计
7.1 SVG的历史
7.2 用文档表示的图像
7.3 使用流行的图像编辑工具和服务创建SVG
7.4 在Web页面中插入SVG
7.5 内联SVG
7.6 不同插入方式下可以使用的功能
7.7 SVG的怪癖
7.8 使用JavaScript添加SVG动画
7.9 优化SVG
7.10 把SVG作为滤镜
7.11 SVG中媒体查询的注意事项
7.12 小结
第8章 CSS3过渡、变形和动画
8.1 什么是CSS3过渡以及如何使用它
8.2 CSS的2D变形
8.3 CSS3的3D变形
8.4 CSS3动画效果
8.5 小结
第9章 表单
9.1 HTML5表单
9.2 理解HTML5表单中的元素
9.3 HTML5的新输入类型
9.4 如何给不支持新特性的浏览器打补丁
9.5 使用CSS美化HTML5表单
9.6 小结
第10章 实现响应式Web设计
10.1 尽快让设计在浏览器和真实设备上运行起来
10.2 在真实设备上观察和使用设计
10.3 拥抱渐进增强
10.4 确定需要支持的浏览器
10.5 分层的用户体验
10.6 将CSS断点与JavaScript联系起来
10.7 避免在生产中使用CSS框架
10.8 采用务实的解决方案
10.9 尽可能使用最简单的代码
10.10 根据视口隐藏、展示和加载内容
10.11 验证器和代码检测工具
10.12 性能
10.13 下一个划时代的产物
10.14 小结
响应式Web设计 HTML5和CSS3实战(第2版) 精彩文摘
1.3 浏览器支持
由于响应式Web设计已经广为人知,所以跟客户及相关方沟通变得越来越容易。提到“响应式Web设计”,很多人都表示知道怎么回事。而写一个项目就可以满足所有设备的说法也很有竞争优势。
本文来自Total.不想长大投稿,不代表电子书资源网立场,如若转载,请联系原作者获取。