HTML5 and CSS3, level up with today’s web technologies

第1章  HTML5和CSS3概述1.1  强大的Web开发平台1.1.1  向后兼容1.1.2  更具描述性的标记1.1.3  更加简化1.1.4  用户界面增强1.1.5  更好的表单控件1.1.6  可访问性增强1.1.7  更高级的选择器1.1.8  视觉效果1.1.9  更少依赖插件的多媒体功能实现1.1.10  应用能力增强1.1.11  跨文档通信1.1.12  Web Sockets1.1.13  客户端存储1.2  注定充满挑战的未来之路1.2.1  处理老版本的IE1.2.2  可访问性1.2.3  废弃的标签1.2.4  市场利益的激烈竞争1.2.5  HTML5和CSS3的标准仍在不断发展中第一部分  用户界面增强第2章  新的结构化标签和属性2.1  实例1：用语义标记重新定义博客2.1.1  一切皆始于正确的文档类型2.1.2  页眉标签2.1.3  页脚标签2.1.4  导航标签2.1.5  区块和文章2.1.6  旁白与侧边栏2.1.7  为博客设置样式2.1.8  回退方案2.2  实例2：用meter元素实现进度条2.2.1  回退方案2.2.2  进度条标签2.3  实例3：用自定义数据属性构造弹出窗体2.3.1  行为与内容分离，以及onclick()的问题2.3.2  增强可访问性2.3.3  不用onclick()2.3.4  引入自定义数据属性2.3.5  回退方案2.4  实例4：常见问题描述列表2.5  未来展望第3章  创建友好的Web表单3.1  实例5：使用新的输入字段描述数据3.1.1  表单描述3.1.2  使用范围字段创建滑动条3.1.3  使用选值框处理数值3.1.4  日期选择字段3.1.5  电子邮件字段3.1.6  URL字段3.1.7  颜色选择字段3.1.8  给表单设置样式3.1.9  回退方案3.2  实例6：借助autofocus跳到表单第一个字段3.3  实例7：通过占位文本提供提示信息3.4  实例8：不借助JavaScript验证用户输入3.4.1  正则表达式验证3.4.2  为字段添加样式3.4.3  回退方案3.5  实例9：通过contenteditable属性实现就地编辑功能3.5.1  用户资料表单3.5.2  数据持久化3.5.3  回退方案3.6  未来展望第4章  设置内容及界面的样式4.1  实例10：使用伪类设置表格样式4.1.1  使用:nth-of-type给表格行设置条纹4.1.2  使用:nth-child对齐表格列的内容4.1.3  使用:last-child加粗表格最后一行4.1.4  使用:nth-last-child反向遍历元素4.1.5  回退方案4.2  实例11：使用:after和content生成打印友好的链接4.2.1  创建只适用于打印的样式表4.2.2  双冒号语法4.3  实例12：使用媒体查询构建移动页面4.4  实例13：创建多栏布局4.4.1  拆分栏4.4.2  特定厂商的前缀4.4.3  回退方案4.5  未来展望第5章  构建可访问性界面5.1  实例14：使用ARIA role属性提供导航提示5.1.1  地标角色5.1.2  文档结构角色5.1.3  回退方案5.2  实例15：创建访问性良好的可更新区域5.2.1  创建页面5.2.2  隐藏内容区域5.2.3  回退方案5.3  实例16：提升表格的可访问性5.3.1  把标题与列结合起来5.3.2  用题注和描述解释表格5.4  未来展望第二部分  新视角、新声音第6章  在浏览器中画图6.1  实例17：在画布上绘制商标6.1.1  绘制线条6.1.2  添加“AwesomeCo”文本信息6.1.3  移动原点坐标6.1.4  为对象设置渐变效果6.1.5  回退方案6.2  实例18：使用RGraph实现图表统计6.2.1  使用HTML描述数据6.2.2  将HTML描述内容转换成柱状图6.2.3  显示替代内容6.2.4  回退方案6.3  实例19：使用SVG绘制矢量图形6.3.1  绘制线条6.3.2  添加文本信息6.3.3  绘制形状6.3.4  通过路径进行手工绘制6.3.5  回退方案6.4  未来展望第7章  嵌入音频和视频7.1  历史回顾7.2  容器与编解码器7.2.1  视频编解码器7.2.2  音频编解码器7.2.3  容器与编解码器协同工作7.3  实例20：音频特性7.3.1  创建基本的音频列表7.3.2  回退方案7.4  实例21：嵌入视频7.5  实例22：视频播放的可访问性7.5.1  添加字幕7.5.2  HTML5视频技术的局限性7.6  未来展望第8章  视觉特效8.1  实例23：设置圆角8.1.1  柔化登录表单8.1.2  回退方案8.2  实例24：阴影、渐变及转换8.2.1  基本结构8.2.2  添加渐进效果8.2.3  添加阴影效果8.2.4  旋转姓名牌8.2.5  使用矩阵精确转换8.2.6  透明背景8.2.7  回退方案8.3  实例25：设置字体8.3.1  @font-face8.3.2  字体格式8.3.3  改变字体8.3.4  回退方案8.4  实例26：通过过渡和动画特性移动物体8.4.1  使用CSS过渡特性实现淡入淡出效果8.4.2  理解调速函数8.4.3  创建过渡特效8.4.4  利用CSS3动画特性实现表单晃动效果8.4.5  回退方案8.5  未来展望第三部分  标记之外第9章  客户端数据储存9.1  实例27：用Web Storage存储偏好设置9.1.1  创建偏好设置表单9.1.2  保存及恢复偏好设置数据9.1.3  为页面应用偏好设置值9.1.4  回退方案9.2  实例28：使用IndexedDB将数据存储到客户端数据库中9.2.1  注意事项界面9.2.2  创建并连接数据库9.2.3  创建注意事项表9.2.4  加载注意事项9.2.5  读取特定记录9.2.6  创建、更新以及删除记录9.2.7  回退方案9.3  实例29：离线应用9.3.1  通过manifest文件定义应用程序缓存9.3.2  manifest文件与服务器端缓存设置9.3.3  检测网络连通性9.4  未来展望第10章  创建交互式Web应用10.1  实例30：保存历史记录10.1.1  存储当前状态10.1.2  恢复上一状态10.1.3  设置默认状态10.1.4  回退方案10.2  实例31：跨域通信10.2.1  联系人列表10.2.2  发送消息10.2.3  支持网站10.2.4  接收消息10.2.5  IE 8及IE 9中的限制10.3  实例32：WebSocket聊天10.3.1  聊天界面10.3.2  与聊天服务器的通信10.3.3  回退方案10.3.4  Flash Socket策略文件10.4  实例33：你在哪儿：Geolocation10.4.1  为AwesomeCo公司开发定位功能10.4.2  如何被找到10.4.3  回退方案10.5  实例34：通过拖放来整理内容10.5.1  创建基本用户界面10.5.2  添加卡片到界面10.5.3  整理卡片10.5.4  回退方案10.6  未来展望第11章  未来之路11.1  使用弹性盒子模型定义布局11.2  跨域资源共享11.3  Web Workers11.4  服务器发送事件11.4.1  监听事件11.4.2  实现你自己的服务器11.5  滤镜效果11.6  WebGL11.7  前进！附录A  快速参考附录B  jQuery快速入门附录C  针对Web的音频和视频编码附录D  相关资源参考文献