天天看點

html5開發桌面界面設計,HTML5觸摸界面設計與開發

HTML5觸摸界面設計與開發

編輯

鎖定

讨論

上傳視訊

《HTML5觸摸界面設計與開發》是人民郵電出版社于2014年出版的一本圖書,作者是伍茲 (Stephen Woods)。[1]

中文名

HTML5觸摸界面設計與開發

外文名

Building Touch Interfaces with HTML5

作    者

伍茲 (Stephen Woods)

類    型

計算機與網際網路

出版日期

2014年4月1日

語    種

簡體中文ISBN

7115343527

譯    者

覃介右

出版社

人民郵電出版社

頁    數

195頁

開    本

16

品    牌

人民郵電出版社

HTML5觸摸界面設計與開發内容簡介

編輯

《HTML5觸摸界面設計與開發》專注于觸摸界面的開發,内容的結構和優化網站的思路大概一緻。上半部分涵蓋了能使各類網站,特别是移動網站變快的基本概念。第2章和第3章告訴你如何建立一個簡單的網站,并能快速加載。第4章可以幫助你使用緩存來提高使用者再次通路時的速度。第5章是關于要摒棄一次性的頁面加載方式和重構應用程式以使實際上和感覺到的性能都達到最優的。書的後半部分是專門講觸摸界面的,特别是盡可能地讓它們更平穩和快速。 《HTML5觸摸界面設計與開發》适合具有一定經驗的Web開發者閱讀參考。

《HTML5觸摸界面設計與開發》适合具有一定經驗的Web開發者閱讀參考。[1]

HTML5觸摸界面設計與開發作者簡介

編輯

作者:(美國)伍茲(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前端開發,擅長前端富用戶端優化。現就職于百度,在項目管理部擔任前端開發工作。

HTML5觸摸界面設計與開發圖書目錄

編輯

目 錄

第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[1]

詞條圖冊

更多圖冊

參考資料

1.

HTML5觸摸界面設計與開發

.豆瓣[引用日期2018-07-26]