內容簡介
《HTML5觸摸界面設計與開發》專注於觸摸界面的開發,內容的結構和最佳化網站的思路大概一致。上半部分涵蓋了能使各類網站,特別是移動網站變快的基本概念。第2章和第3章告訴你如何創建一個簡單的網站,並能快速載入。第4章可以幫助你使用快取來提高用戶再次訪問時的速度。第5章是關於要摒棄一次性的頁面載入方式和重構應用程式以使實際上和感覺到的性能都達到最優的。書的後半部分是專門講觸摸界面的,特別是儘可能地讓它們更平穩和快速。 《HTML5觸摸界面設計與開發》適合具有一定經驗的Web開發者閱讀參考。
《HTML5觸摸界面設計與開發》適合具有一定經驗的Web開發者閱讀參考。
作者簡介
作者:(美國)伍茲(Stephen Woods) 譯者:覃介右 谷岳
伍茲(Stephen Woods)是Flickr團隊的一名資深前端工程師。從20世紀90年代起,一直致力於web用戶界面的研發。2006年,Stephen入職Yahoo!,在加入Flickr團隊之前,他開發了支持Yahoo!主頁的JavaScript平台,還曾在Yahoo!Personals的UI團隊工作,是一位精通Web的全棧工程師。Stephen主要興趣是使用Web技術構建回響式用戶界面。他曾在sxsw和HTML5DevConf就觸摸互動進行技術分享,並發表在《.net》雜誌上。
覃介右,2011年本科畢業於北京郵電大學經濟管理學院,專注於Web前端開發,特別是移動設備網頁的開發和前端開源組件的編寫。現就職於百度,負責地圖相關前端開發工作。
谷岳,2012年本科畢業於北京郵電大學計算機學院,同樣專注於Web前端開發,擅長前端富客戶端最佳化。現就職於百度,在項目管理部擔任前端開發工作。
圖書目錄
目 錄
第1章 移動設備概述 0
1.1 觸摸設備和桌面設備之間的差異 2
1.2 廣泛使用的設備 3
1.3 HTML 56
1.4 神秘谷,是什麼讓觸摸界面反應靈敏? 7
1.5 總結 9
第2章 創建一個簡單的內容型網站 10
2.1 選擇一個觀念:移動優先或置後 12
2.2 創建標記 13
2.3 奠定基礎的標籤 15
2.4 理解 Viewport 15
2.5 回響式的CSS 19
2.6 總結 24
第3章 提高第一次載入的速度 25
3.1 瀏覽器是如何載入頁面的 27
3.2 為什麼頁面載入緩慢? 27
3.3 用YSlow和PageSpeed提升速度 30
3.4 解決常見的問題 33
3.5 將它們全部放在一起 41
3.6 總結 41
第4章 加快下一次訪問的速度 42
4.1 在HTTP中快取 44
4.2 為移動最佳化45
4.3 使用網路存儲(Web Storage) 46
4.4 套用快取(Application Cache) 53
4.5 總結 57
第5章 使用PJAX提升觸摸體驗 58
5.1 頁面載入的代價 60
5.2 瀏覽器歷史API 62
5.3 添加PJAX 69
5.4 總結 77
第6章 輕觸VS單擊:基本的事件處理 78
6.1 是什麼讓輕觸不同? 80
6.2 觸摸事件簡介 80
6.3 處理輕觸 83
6.4 總結 89
6.5 項目 89
第7章 CSS過渡、動畫和變換 90
7.1 動畫元素 92
7.2 CSS變換 105
7.3 總結 112
7.4 項目 112
第8章 JavaScript性能最最佳化 113
8.1 性能測試和調試 115
8.2 只寫入DOM 116
8.3 給用戶反饋的優先權是最高的 117
8.4 將它們一起使用:無限滾動 118
8.5 總結 127
8.6 項目 127
第9章 手勢的基本內容 128
9.1 為什麼用手勢呢? 130
9.2 創建一個循序漸進增強的觸摸控制 131
9.3 創建一個觸摸控制的燈箱(lightbox) 136
9.4 總結 150
9.5 項目 150
第10章 滾動與滑動 151
10.1 滾動 153
10.2 布局失效 159
10.3 讓鳥類瀏覽工具可滑動 161
10.4 總結 176
10.5 項目 177
第11章 雙指縮放和其他複雜的手勢 178
11.1 了解多點觸摸的限制和支持情況 180
11.2 處理多點觸摸 180
11.3 處理雙指縮放 185
11.4 總結 195
11.5 項目 195