高性能HTML5

第1 部分 引言
第1章 概述
网站范例
这本书将带给读者什么
什么是高性能
页面加载时间
浏览器性能
网络性能
开发效率
响应式设计
栅格系统
更深入地理解CSS
第2 部分 性能基础
第2章 开发原则
编写符合当代浏览器性能的代码
减少HTML 中元素的数量
减少重绘
用CSS 来布局，处理边界
渐进式增强
使用特征检测来显示渐进式增强
各司其职
HTML
CSS
JavaScript
小结
第3章 性能准则
为什么页面加载时间是如此重要
准则
减少HTTP 请求
使用CDN 加速（内容分发系统）
避免空的src 和href 属性值
增加过期头
启用GZIP 压缩
把CSS 放在头部
把JavaScript 放到尾部
避免使用CSS 表达式
移除不使用的CSS 语句
对JavaScript 和CSS 进行代码压缩
减少重绘
规定图片的宽和高
不要用表格布局
定义字符集
不要重组DOM
延伸阅读
小结
第4章 响应式网页设计
响应式设计
CSS3 媒体查询
自适应图片
弹性栅格
小结
第5章 理解页面重用机制
一些关于页面重用的理念
就像搭积木一样
都在容器里
小结
第3 部分 创建一个网站
第6章 页面模板
配置模板选项
HTML 元素周围的条件注释
设置字符集
使用IE 的兼容模式
提示用户安装Google Chrome Frame
为iPhone 使用Viewport
加载jQuery
添加Google 统计代码
更多可选项
设置栅格
小结
第7章 导航
菜单结构
给菜单添加样式
Box Sizing（盒子尺寸）
标准CSS3 糖果
渐变
:before 和:after
使用base64 编码
下拉效果
搜索框
小结
第8章 页头
构建一个更好的国家选择器
视觉
CSS 裁剪
图标链接
小结
第9章 页脚
设计页脚
设置页脚的样式
SVG
不仅是简单的形状
小结
第10章 分形设计模式
定义一个控件
代码一致
升级简单
更加可读
目的明确
开始分形：案例分析
更快地开发页面
更快地修复Bug
增强一致性
CSS 和JavaScript 的分离
CSS 和JavaScript 的合并
小结
第11章 link 控件
控件功能
给链接添加样式
当CSS 失效时使用JavaScript
小结
第12章 sidebox（侧边栏）控件
内容
样式
函数
小结
第13章 button 控件
按钮类型
Primary 按钮
带图标的Primary 按钮
玻璃材质的Primary 按钮
带阴影效果的Primary 按钮
镶边的Primary 按钮
GO 按钮
为GO 按钮镶边
编写button 控件
CSS
小结
第14章 price 控件
price 控件介绍
HTML 代码
CSS 代码
控件代码
shipping 控件
HTML 代码
CSS 代码
控件代码
使用控件
小结
第15章 product 控件
插入控件
控件产生的HTML
CSS
product 控件的数据
控件
小结
第16章 table 控件
HTML 结构
数据对象
table 控件
样式
通用效果样式
宽屏效果样式
窄屏效果样式
增加媒体查询
小结
第17章 tab 控件
HTML
数据
控件
创建tab 控件
JavaScript
tab 控件的样式
所有效果的通用样式
水平效果的样式
垂直效果的样式
小结
第18章 form控件
HTML 结构
fieldset 控件
input 控件
数据对象
创建一个表单
CSS
建立一个快捷方式
小结