設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座

CHAPTER01 支援跨裝置的指標
1.1 製作跨裝置網頁時的指標
1.2 支援跨裝置瀏覽的必要設定

CHAPTER02 設定Viewport
2.1 設定Viewport
2.2 設定Viewport後的網頁顯示範圍的大小

CHAPTER03 提供適合各種裝置瀏覽的網頁
3.1 提供適合各種裝置瀏覽的網頁
3.2 利用獨立網址提供適合裝置瀏覽的網頁
3.3 利用動態服務傳送適合裝置瀏覽的網頁
3.4 利用響應式網頁設計提供適合裝置瀏覽的網頁
3.5 利用上述三種方法加以組合
3.6 確認在各種裝置的顯示情形

CHAPTER04 識別裝置
4.1 裝置的識別
4.2 利用CSS的媒體查詢識別裝置的特性
4.3 利用CSSOM的媒體查詢識別裝置的特性
4.4 媒體查詢可識別的特性
4.5 媒體查詢可識別的媒體類型
4.6 利用JavaScript取得特性的值
4.7 利用使用者代理程式識別裝置的種類
4.8 識別瀏覽器的支援功能

CHAPTER05 網頁元件的跨裝置支援
5.1 網頁元件的製作
5.2 版面的基本結構
5.3 文字
5.4 圖片
5.5 影片
5.6 點擊目標

CHAPTER06 最佳化圖片
6.1 維持圖片畫質又減少資料量的方法
6.2 最佳化圖片＆再壓縮
6.3 使用響應式圖片
6.4 使用SVG
6.5 使用網路字型與圖示字型
6.6 使用CSS建立的元件

CHAPTER07 網頁加速
7.1 網頁顯示的機制與加速
7.2 透過精簡處理刪減資源的資料量
7.3 啟用HTTP壓縮
7.4 使用瀏覽器快取功能
7.5 整合為單一檔案來減少HTTP請求次數
7.6 清除禁止轉譯
7.7 調整內容的優先順序

APPENDIX 設定Web Clip圖示
APPENDIX 各種工具／服務／外掛程式一覽表
APPENDIX 規格／指南一覽表
APPENDIX MOCKUPS
INDEX 索引