响应式Web设计:HTML5和CSS3实战(第2版)

响应式Web设计:HTML5和CSS3实战(第2版)

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

本书是学习新Web设计技术不可多得的佳作。

内容简介

本书将当前Web设计中热门的响应式设计技术与HTML5 和CSS3 结合起来,为读者全面深入地讲解了针对各种屏幕大小设计和开发现代网站的各种技术。书中不仅讨论了媒体查询、弹性布局、响应式图片,更将新的和有用的HTML5 和CSS3 技术一并讲解。

作者简介

作者Ben Frain,Web开发者、图书作者、演讲者。从1996年开始从事Web设计与开发,目前是Bet365的高级前端工程师。另著有《Sass和Compass设计师指南》。

在从事Web开发之前,他曾是一名怀才不遇的(而且谦虚的)电视演员和科技记者,毕业于索尔福德大学媒体与表演专业。他写过四部(自认为)均被低估的剧本,且至今仍觉得有望卖出其中一部(尽管不像最初那么有信心了)。工作之余,在身体和妻子都允许的情况下,他会玩一玩室内足球,或者跟两个儿子练练摔跤。

章节目录

版权信息

版权声明

致谢

前言

本书内容

阅读前提

读者对象

排版约定

读者反馈

客户支持

第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版)是2017年由人民邮电出版社·图灵出品出版,作者[英]Ben Frain。

得书感谢您对《响应式Web设计:HTML5和CSS3实战(第2版)》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
HTML5与CSS3程序设计 电子书
本书按照Web前端工程师岗位技能要求,以真实项目组织内容,由浅入深地讲解了如何利用HTML5和CSS3等网页制作技术制作网站。本书共分为7个项目,项目1为Web前端基础的相关介绍;项目2和项目3包含HTML和CSS的基础知识、常用标签、CSS基础语法及选择器等内容;项目4和项目5介绍了HTML5语义化标签、CSS3的新特性等;项目6主要介绍JavaScript编程基础等;项目7为综合实践。全书以任
HTML5+CSS3+Bootstrap响应式Web前端设计(慕课版)(第2版) 电子书
本书全面系统的介绍了网页设计、前端开发涉及的基础核心技术,包括网站开发相关概念、开发工具、HTML5标记语言、CSS样式属性、响应式布局、Bootstrap框架及网站建设流程等。本书注重实践能力培养,配备三种层次的案例,让学习者由浅入深、循序渐进地掌握前端开发技术。一是通过大量示例辅助学习者掌握基础知识点;二是将完整网站拆解为十五个项目,通过项目驱动的方式提升学习者的动手能力,并在此过程中逐步理解
HTML5+CSS3+Bootstrap响应式Web前端设计(慕课版) 电子书
本书通过基础知识+知识点实例+项目驱动+动手实践的案例方式,采用不同层次的实例练习让学习者在轻松掌握前端开发的基础知识。对HTML5、CSS3、响应式布局及流行的开发框架等前沿技术也做出介绍。本书配有视频讲解。适合在高等院校做web开发课程的MOOC教学教材使用,也适合做为初学者的自学教程。
CSS3艺术:网页设计案例实战 电子书
190个经典网页设计实例,重难点细致拆解。
HTML5/CSS3/JavaScript技术大全 电子书
本书遵循由浅入深的原则编写。全书分为3个部分,分别包括了HTML5、CSS3与JavaScript的基础与应用知识。第1部分分为10章,分别是HTML概述、HTML基础结构、文字/段落/列表、超级链接、图像、表格、框架、HTML表单、多媒体、HTML5布局;第2部分分为9章,分别是CSS学习第一步、文字样式、定位布局、边框/边距/用户界面、背景和图像、列表/表格/链接、过渡与动画、多栏与弹性盒模型