Web應變之道 Web应变之道

羅伯.拉爾森 (Rob Larsen)

  • 出版商: 電子工業
  • 出版日期: 2015-12-01
  • 定價: $390
  • 售價: 8.5$332
  • 語言: 簡體中文
  • 頁數: 240
  • 裝訂: 平裝
  • ISBN: 7121277697
  • ISBN-13: 9787121277696
  • 此書翻譯自: The Uncertain Web (Paperback)
  • 無法訂購

買這商品的人也買了...

商品描述

 

<內容簡介>

拉爾森編著的《Web應變之道》基於Web實戰經驗、規範組織及社區論壇,分析Web現狀、問題和挑戰,緊扣Web的變化性與不確定性,提供方法論的指導,倡導用開放的思維來應對Web世界;隨後結合當今Web最熱門的話題:特徵檢測、響應式、多設備輸入、圖片、視頻等新特性主題,提供解決方案或指導意見;本書的核心讀者是專職或專業的Web前端開發人員,另外,對Web規範制訂者和那些渴望更好地適應現代因特網的設計師、後台工程師及全棧工程師也是非常不錯的選擇。

 

<章節目錄>

前言
第1章  擁抱不確定性
  擁抱不確定性
  從微軟獨家壟斷到今天百花齊放
  我們現在所處的位置
  瀏覽器
  開放的Web平臺
  網絡速度和質量
  人機交互界面
  屏幕分辨率和屏幕方向
  像素密度
  2%究竟意味著什麼?
  這正是我們想要的
第2章  掌控Web的不確定性
  不要因Web的本性而責備它
  識別和擁抱你的受眾
  測試並祈禱最好的結果
  專註於最優,而不是絕對的解決方案
  擁抱可訪問性
  為非文字的內容提供可替代的文本
  確保信息和結構與表現的分離
  確保可以用鍵盤進行所有功能性操作
  除非必需的定時或移動,否則用戶應當可以暫停內容
  提供機制幫助用戶找到內容、定位位置和導航頁面
  幫助用戶避免犯錯讓糾正錯誤變得簡單
  為現在和未來的UA提供兼容(包括輔助技術)
  不要止步於此
  丟掉你的技術偏見
  iPhone是唯一的移動端體驗
  可關掉的,無法修復/重現的問題。
  和主流的觀點相反,IE確實還存在
  設身處地
  丟掉你的框架庫偏見
  jQuery
  MV*框架
  關註技術前沿
  張開你的翅膀(並質疑你的推斷)
第3章  新特性的開發
  特徵檢測
  一個比較複雜的特徵檢測案例
  使用Modernizr庫
  舊版本IE:Modernizr讓它現代化的案例
  使用(和不使用)Modernizr
  Modernizr的特徵檢測
  定製Modernizr
  使用Modernizr進行特徵檢測
  跨瀏覽器的Polyfils
  其他的Modernizr方法
  管理那些不可檢測的特徵
  常用的特徵檢測及相關的polyfils

  「前端開發做該做的事情」
第4章  響應式設計與移動端體驗設計
  波士頓環球報採用響應式重新設計
  響應式設計真的適合所有網站?
  移動端優先,RESS及其他通用的移動端開發
  專用的移動體驗
  移動端優先
  漸進增強
  RESS
  選擇正確的開發捷徑
  你的團隊的大小與技能
  你的網站或應用的要求
  你的用戶類型
  你的預算
  響應式設計的好處
  響應式的缺點
  專用的移動端站點體驗的優點
  專用的移動端站點體驗的缺點
  Facebook做什麼,我們就要跟著做什麼嗎?或者是美國最大的站點在做
  什麼我們就要去做什麼嗎?
  選擇對你項目有實際意義的架構
  重定嚮應該解決邏輯問題
  重定向選項
  簡單的重定向
  更複雜的查詢
  總是在你的移動站點上提供一個出口
  盡可能保持流體設計
  不要吝嗇於使用斷點
  相對單位
  「接受事物的潮起潮落」
第5章  處理用戶輸入
  Web上用戶輸入的現狀
  「觸屏」檢測的概念問題
  「觸屏」檢測的技術問題
  後果自負
  徹底失敗
  局部失誤
  為各種潛在的用戶輸入方式做設計
  為所有界面提供觸摸功能
  別依賴Hover
  擁抱明確性
  處理所有的用戶輸入方式
  觸摸事件與鼠標事件的現狀
  別假設任何事,為所有人服務
第6章  出奇複雜的Web圖片
  圖片悄悄地變複雜了
  提供盡可能小的文件尺寸
  利用瀏覽器的預加載
  為各種分辨率提供尺寸合適的圖片
  為具備多種像素比的設備提供正確尺寸的圖片

  在不同環境使用不同尺寸的圖片或不同的圖片
  使用設計斷點
  提供正確的圖片格式
  圖片很簡單,並且應該保持簡單
  為Web去優化圖片
  JPEG
  選擇正確的圖片格式
  尋求CDN解決方案
  響應式圖片
  通過配置去解決問題(至少不需要增加額外的事情)
  srcset屬性
  picture元素
  Picturefil、picture元素的Polyfil
  擁抱SVG
  服務端處理
  超實用的開髮指南
  明確圖片對你站點的重要性
  把基本的處理做好
  盡可能用最簡單的方案
  學會去愛
  測試!
  小結
第7章  極其複雜的Web視頻
  核心技術
  video元素
  通過Flash降級
  存儲與編解碼
  Video.js
  Mime類型和流媒體自適應比特率
  用專業的方式去處理
  YouTube
  Vimeo
  一個複雜的例子
第8章  理想的Web
  事情總會變得更好(雖然偶爾會變得更糟)
  Firefox宣佈支持h.264編解碼
  從消亡中回來的picture
  Point事件或許真的會消失
  我知道這樣的事情會發生
  讓我們推動一切向前發展
  開發人員、瀏覽器廠商和標準機構作用下的Web世界
  快速、可靠、廣泛地使用Web世界
  Web沒有所謂的贏
  開啟我們想要的Web世界
索引

<作者介紹>

(美)拉爾森|譯者:莫衛紅//吳夢圓//李鑫//陳振武

 

目錄大綱