《HTML5觸摸界面設計與開發》專注于觸摸界面的開發,內容的結構和優化網站的思路大概一致。上半部分涵蓋了能使各類網站,特別是移動網站變快的基本概念。第2章和第3章告訴你如何創建一個簡單的網站,并能快速加載。第4章可以幫助你使用緩存來提高用戶再次訪問時的速度。第5章是關于要摒棄一次性的頁面加載方式和重構應用程序以使實際上和感覺到的性能都達到最優的。書的后半部分是專門講觸摸界面的,特別是盡可能地讓它們更平穩和快速。
《HTML5觸摸界面設計與開發》適合具有一定經驗的Web開發者閱讀參考。
*《HTML5觸摸界面設計與開發》出自Flickr團隊資深前端開發工程師之手,內容極具參考價值 *從設備優勢與局限性,到使用CSS,javascript和HTML API,對觸摸設計進行了全面系統的介紹 *理論與實踐并重,實實在在提升讀者對觸摸界面設計的理解,并提升開發水平。 *配套網站提供了《HTML5觸摸界面設計與開發》所有示例代碼和最新的改動:touch-interfaces com
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章 移動設備概述
?
1.1 觸摸設備和桌面設備之間的差異
1.2 廣泛使用的設備
1.3 HTML
1.4 神秘谷,是什么讓觸摸界面反應靈敏?
1.5 總結
第2章 創建一個簡單的內容型網站
2.1 選擇一個觀念:移動優先或置后
2.2 創建標記
2.3 奠定基礎的標簽
2.4 理解.Viewport
2.5 響應式的CSS
2.6 總結
第3章 提高第一次加載的速度 第1章 移動設備概述
?
1.1 觸摸設備和桌面設備之間的差異
1.2 廣泛使用的設備
1.3 HTML
1.4 神秘谷,是什么讓觸摸界面反應靈敏?
1.5 總結
第2章 創建一個簡單的內容型網站
2.1 選擇一個觀念:移動優先或置后
2.2 創建標記
2.3 奠定基礎的標簽
2.4 理解.Viewport
2.5 響應式的CSS
2.6 總結
第3章 提高第一次加載的速度
3.1 瀏覽器是如何加載頁面的
3.2 為什么頁面加載緩慢?
3.3 用YSlow和PageSpeed提升速度
3.4 解決常見的問題
3.5 將它們全部放在一起
3.6 總結
第4章 加快下一次訪問的速度
4.1 在HTTP中緩存
4.2 為移動優化
4.3 使用網絡存儲(Web.Storage)
4.4 應用緩存(Application.Cache)
4.5 總結
第5章 使用PJAX提升觸摸體驗
5.1 頁面加載的代價
5.2 瀏覽器歷史API
5.3 添加PJAX
5.4 總結
第6章 輕觸VS單擊:基本的事件處理
6.1 是什么讓輕觸不同?
6.2 觸摸事件簡介
6.3 處理輕觸
6.4 總結
6.5 項目
第7章 CSS過渡、動畫和變換
7.1 動畫元素
7.2 CSS變換
7.3 總結
7.4 項目
第8章 JavaScript性能最優化
8.1 性能測試和調試
8.2 只寫入DOM
8.3 給用戶反饋的優先級是最高的
8.4 將它們一起使用:無限滾動
8.5 總結
8.6 項目
第9章 手勢的基本內容
9.1 為什么用手勢呢?
9.2 創建一個循序漸進增強的觸摸控制
9.3 創建一個觸摸控制的燈箱(lightbox)
9.4 總結
9.5 項目
第10章 滾動與滑動
10.1 滾動
10.2 布局失效
10.3 讓鳥類瀏覽工具可滑動
10.4 總結
10.5 項目
第11章 雙指縮放和其他復雜的手勢
11.1 了解多點觸摸的限制和支持情況
11.2 處理多點觸摸
11.3 處理雙指縮放
11.4 總結
11.5 項目