第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

建立一个快捷方式

小结