高性能HTML5

第1 部分 引言
第1 章 概述
網(wǎng)站范例
這本書將帶給讀者什么
什么是高性能
頁面加載時間
瀏覽器性能
網(wǎng)絡(luò)性能
開發(fā)效率
響應(yīng)式設(shè)計
柵格系統(tǒng)
更深入地理解CSS
第2 部分 性能基礎(chǔ)
第2 章 開發(fā)原則
編寫符合當(dāng)代瀏覽器性能的代碼
減少HTML 中元素的數(shù)量
減少重繪
用CSS 來布局，處理邊界
漸進(jìn)式增強(qiáng)
使用特征檢測來顯示漸進(jìn)式增強(qiáng)
各司其職
HTML
CSS
JavaScript
小結(jié)
第3 章 性能準(zhǔn)則
為什么頁面加載時間是如此重要
準(zhǔn)則
減少HTTP 請求
使用CDN 加速（內(nèi)容分發(fā)系統(tǒng)）
避免空的src 和href 屬性值
增加過期頭
啟用GZIP 壓縮
把CSS 放在頭部
把JavaScript 放到尾部
避免使用CSS 表達(dá)式
移除不使用的CSS 語句
對JavaScript 和CSS 進(jìn)行代碼壓縮
減少重繪
規(guī)定圖片的寬和高
不要用表格布局
定義字符集
不要重組DOM
延伸閱讀
小結(jié) 35
第4 章 響應(yīng)式網(wǎng)頁設(shè)計
響應(yīng)式設(shè)計
CSS3 媒體查詢
自適應(yīng)圖片
彈性柵格
小結(jié)
第5 章 理解頁面重用機(jī)制
一些關(guān)于頁面重用的理念
就像搭積木一樣
都在容器里
小結(jié)
第3 部分 創(chuàng)建一個網(wǎng)站
第6 章 頁面模板
配置模板選項
HTML 元素周圍的條件注釋
設(shè)置字符集
使用IE 的兼容模式
提示用戶安裝Google Chrome Frame
為iPhone 使用Viewport
加載jQuery
添加Google 統(tǒng)計代碼
更多可選項
設(shè)置柵格
小結(jié)
第7 章 導(dǎo)航
菜單結(jié)構(gòu)
給菜單添加樣式
Box Sizing（盒子尺寸）
標(biāo)準(zhǔn)CSS3 糖果
漸變
:before 和:after
使用base64 編碼
下拉效果
搜索框
小結(jié)
第8 章 頁頭
構(gòu)建一個更好的國家選擇器
視覺
CSS 裁剪
圖標(biāo)鏈接
小結(jié)
第9 章 頁腳
設(shè)計頁腳
設(shè)置頁腳的樣式
SVG
不僅是簡單的形狀
小結(jié)
第10 章 分形設(shè)計模式
定義一個控件
代碼一致
升級簡單
更加可讀
目的明確
開始分形：案例分析
更快地開發(fā)頁面
更快地修復(fù)Bug
增強(qiáng)一致性
CSS 和JavaScript 的分離
CSS 和JavaScript 的合并
小結(jié)
第11 章 link 控件
控件功能
給鏈接添加樣式
當(dāng)CSS 失效時使用JavaScript
小結(jié)
第12 章 sidebox（側(cè)邊欄）控件
內(nèi)容
樣式
函數(shù)
小結(jié)
第13 章 button 控件
按鈕類型
Primary 按鈕
帶圖標(biāo)的Primary 按鈕
玻璃材質(zhì)的Primary 按鈕
帶陰影效果的Primary 按鈕
鑲邊的Primary 按鈕
GO 按鈕
為GO 按鈕鑲邊
編寫button 控件
CSS
小結(jié)
第14 章 price 控件
price 控件介紹
HTML 代碼
CSS 代碼
控件代碼
shipping 控件
HTML 代碼
CSS 代碼
控件代碼
使用控件
小結(jié)
第15 章 product 控件
插入控件
控件產(chǎn)生的HTML
CSS
product 控件的數(shù)據(jù)
控件
小結(jié)
第16 章 table 控件
HTML 結(jié)構(gòu)
數(shù)據(jù)對象
table 控件
樣式
通用效果樣式
寬屏效果樣式
窄屏效果樣式
增加媒體查詢
小結(jié)
第17 章 tab 控件
HTML
數(shù)據(jù)
控件
創(chuàng)建tab 控件
JavaScript
tab 控件的樣式
所有效果的通用樣式
水平效果的樣式
垂直效果的樣式
小結(jié)
第18 章 form控件
HTML 結(jié)構(gòu)
fieldset 控件
input 控件
數(shù)據(jù)對象
創(chuàng)建一個表單
CSS
建立一個快捷方式
小結(jié)