響應式設計、改造與優化

響應式設計、改造與優化
定價:534
NT $ 374
  • 作者:(美)PHIL DUTSON
  • 出版社:電子工業出版社
  • 出版日期:2015-09-01
  • 語言:簡體中文
  • ISBN10:7121265125
  • ISBN13:9787121265129
  • 裝訂:229頁 / 普通級 / 1-1
 

內容簡介

由於移動設備的大量使用,各種屏幕尺寸、各種操作系統、各種訪問設備及各種需求均對用戶體驗提出了新的挑戰。為了讓我們的網站在各個終端上的用戶體驗都盡可能接近完美,我們需要采用響應式移動設計。本書重點介紹了Phil Dutson的開發經驗,主要是關於移動設備及其設計,甚至一點點代碼就可以幫助你以最好的方式為數百萬手機用戶提供內容;同時,順便簡單地介紹了一些主題,以解決常見的響應式移動設計中可能會遇到的問題。

Phil Dutson 是ICON Health & Fitness 客戶端和移動執行解決方案的架構師。他是Sams Teach Yourself jQuery Mobile in 24 Hours、jQuery, jQuery UI, and jQueryMobile Recipes and Examples、The Android Developer』s Cookbook,2nd Edition 的作者。他熱愛技術的學習和寫作,每次他與兒子玩Ingress 時都向世界傳播啟蒙訊息。
 

目錄

第1部分 創建響應式布局
第1章 內容事項
構成內容的要素
信息采集
信息確認
選擇合適的內容
內容性能
搜索引擎優化考量
用戶期望
內容滑塊
小結
第2章 為什麼移動優先
瀏覽Web
從小尺寸開始時的注意事項
網站主題
網站導航
營銷圖像
網站搜索
小結
第3章 使用柵格
選擇柵格
Pure Grids
Bootstrap
Foundation
GridDak
Golden Grid System
Frameless( Adaptive)
Skeleton
使用響應式柵格
使用自適應柵格
兩全其美
小結
第4章 顯示表格數據
定義表格數據
聯系地址列表
發票和收據
表單
配方和卡片
電子郵件站點和應用
使用表格數據
顯示表單
使用表格
使用CSS改變外觀
創建多個表格
使用下載鏈接
小結
第5章 使用測量單位
使用像素
使用百分比
使用em和rem單位
viewport測量
小結
第6章 使用媒體查詢
viewport meta標簽
實現突變點
使用媒體查詢
IE6—8瀏覽器支持
設備專屬的媒體查詢
iPad
iPhone 4S以下
iPhone 5和5S
Nexus 7(第二代)
Galaxy S4
小結
第7章 排版設計
Web字體
字體格式
TTF
EOT
WOFF
SVG
瀏覽器和設備支持
設備差異
瀏覽器行為
提供Web字體
使用字體服務
Google字體
AdObe Typekit
Fonts .com
Font Squirrel
con字體
小結
第8章 改造現有網站
選擇一個合適的移動布局
塊級布局
響應式布局
自適應布局
利用組件開展工作
導航
搜索
內容區域
滑塊
鏈接
移動化注意事項
不要濫用懸停
點擊呼叫
模態窗口
輸入框
小結

第2部分 使用響應式媒體
第9章 響應式圖片
圖片應該是響應式的
圖片分發
使用JavaScript的解決方案
Pictu refill組件
Pixity組件
小結
第10章 響應式視頻
使用視頻
分發系統
Limelight網絡
Akamai
Brightcove
Vimeo
YouTube
制作適配移動設備的視頻
使用固定比例
使用本地播放器
使用插件
小結
第11章 圖像壓縮
圖片類型
JPEG/JPG
GIF
PNG
WebP
壓縮工具
JPEGmini
PNGGauntlet
圖像優化工具RadlCal
ImageAlpha
ImageOptim
TmyPNG
壓縮結果
小結
……
第3部分 性能優化
 

譯者序

響應式設計的概念來源於2010 年5 月Ethan Marcotte 發表的一篇名為「Responsive Web Design」的文章1,其闡述了如何利用流式布局、媒體查詢和彈性圖片三種公知技術創建一個能夠適配不同分辨率屏幕的網站。Ethan Marcotte 認為應當利用Web 的特性來設計與開發網站:「我們可以將不同聯網設備上眾多的體驗,當作同一網站體驗的不同側面來對待,而不要為每種設備進行單獨剪裁使得設計彼此斷開,這才是我們前進的方向。雖然我們已經能夠設計出最佳的視覺體驗,但還要把基於標准的技術也嵌入到我們的設計中去,這樣才能使得我們的設計不僅靈活,而且能適應渲染它們的各種媒介。」響應式設計能夠面向不同設備收攏並提供卓越的用戶體驗,並且這一方法不會忽視設備間的差異性,也不會強調設計師的控制權,而是選擇了順其自然並擁抱Web 的靈活性。
網路書店 類別 折扣 價格
  1. 新書
    7
    $374