HTML5觸摸界面設(shè)計(jì)與開(kāi)發(fā)

第1章　移動(dòng)設(shè)備概述　0
1．1　觸摸設(shè)備和桌面設(shè)備之間的差異　2
1．2　廣泛使用的設(shè)備　3
1．3　HTML　56
1．4　神秘谷，是什么讓觸摸界面反應(yīng)靈敏？　7
1．5　總結(jié)　9
第2章　創(chuàng)建一個(gè)簡(jiǎn)單的內(nèi)容型網(wǎng)站　10
2．1　選擇一個(gè)觀念：移動(dòng)優(yōu)先或置后　12
2．2　創(chuàng)建標(biāo)記　13
2．3　奠定基礎(chǔ)的標(biāo)簽　15
2．4　理解 Viewport　15
2．5　響應(yīng)式的CSS　19
2．6　總結(jié)　24
第3章　提高第一次加載的速度　25
3．1　瀏覽器是如何加載頁(yè)面的　27
3．2　為什么頁(yè)面加載緩慢？　27
3．3　用YSlow和PageSpeed提升速度　30
3．4　解決常見(jiàn)的問(wèn)題　33
3．5　將它們?nèi)糠旁谝黄稹?1
3．6　總結(jié)　41
第4章　加快下一次訪問(wèn)的速度　42
4．1　在HTTP中緩存　44
4．2　為移動(dòng)優(yōu)化45
4．3　使用網(wǎng)絡(luò)存儲(chǔ)(Web Storage)　46
4．4　應(yīng)用緩存(Application Cache)　53
4．5　總結(jié)　57
第5章　使用PJAX提升觸摸體驗(yàn)　58
5．1　頁(yè)面加載的代價(jià)　60
5．2　瀏覽器歷史API　62
5．3　添加PJAX　69
5．4　總結(jié)　77
第6章　輕觸VS單擊：基本的事件處理　78
6．1　是什么讓輕觸不同？　80
6．2　觸摸事件簡(jiǎn)介　80
6．3　處理輕觸　83
6．4　總結(jié)　89
6．5　項(xiàng)目　89
第7章　CSS過(guò)渡、動(dòng)畫(huà)和變換　90
7．1　動(dòng)畫(huà)元素　92
7．2　CSS變換　105
7．3　總結(jié)　112
7．4　項(xiàng)目　112
第8章　JavaScript性能最優(yōu)化　113
8．1　性能測(cè)試和調(diào)試　115
8．2　只寫(xiě)入DOM　116
8．3　給用戶(hù)反饋的優(yōu)先級(jí)是最高的　117
8．4　將它們一起使用：無(wú)限滾動(dòng)　118
8．5　總結(jié)　127
8．6　項(xiàng)目　127
第9章　手勢(shì)的基本內(nèi)容　128
9．1　為什么用手勢(shì)呢？　130
9．2　創(chuàng)建一個(gè)循序漸進(jìn)增強(qiáng)的觸摸控制　131
9．3　創(chuàng)建一個(gè)觸摸控制的燈箱(lightbox)　136
9．4　總結(jié)　150
9．5　項(xiàng)目　150
第10章　滾動(dòng)與滑動(dòng)　151
10．1　滾動(dòng)　153
10．2　布局失效　159
10．3　讓鳥(niǎo)類(lèi)瀏覽工具可滑動(dòng)　161
10．4　總結(jié)　176
10．5　項(xiàng)目　177
第11章　雙指縮放和其他復(fù)雜的手勢(shì)　178
11．1　了解多點(diǎn)觸摸的限制和支持情況　180
11．2　處理多點(diǎn)觸摸　180
11．3　處理雙指縮放　185
11．4　總結(jié)　195
11．5　項(xiàng)目　195