• ① 5月6日，谷歌開發者中心推出了一個 Web 開發最佳實踐手冊。伯樂線上資源頻道摘編該資源後，已邀請一些關注 Web 開發的朋友參與翻譯手冊。
• ② 由於譯者朋友幾乎都是已在職，都是在工作之餘參與，每位的翻譯進度會不一樣（請理解），所以手冊中文版不會按照英文版章節順序釋出。
• ③ 手冊中文版尚不完整，請不要轉載，謝謝合作。

下面是手冊各章節的翻譯進展……

Getting Started

0. 你的首個多屏網站

• 0.0.建立網站的內容和結構（朱建奇 翻譯）
• 0.1 讓網站自適應 （朱建奇 翻譯）

 

Documentation

1. Multi-Device Layouts （小北 翻譯）

1. 響應式網頁設計基礎 （小北翻譯）
2. 響應式網頁設計模式 （胡蓉 翻譯）
3. Navigation and Action Patterns （第一部分、第二部分、第三部分、第四部分）（小北 和 胡蓉翻譯）

 

2. Images, Audio and Video

2.1 影像 （童銘鑑 翻譯）

2.2 視訊 （方坤丁 翻譯）

• 2.2.1 新增一個視訊
• 2.2.2 提供傳統平臺的替代品
• 2.2.3 自定義視訊播放器
• 2.2.4 視訊大小要合適
• 2.2.5 可訪問性很重要
• 2.2.6 快速參考

2.3 Audio （提示：該節內容目前為空）

 

3. Forms and User Input

• 3.1 建立出色的表單（戴嘉華 翻譯）
• 3.2 讓你的站點支援觸屏（周敏明 翻譯）

 

4. 效能優化

• 4.1 關鍵渲染路徑 （9 篇，葉周 等多人翻譯）
• 4.2 優化內容的載入效率 （4篇，沈小力翻譯）

 

4.1 關鍵渲染路徑 （葉周 翻譯）

• 4.1.1 建立物件模型 （吳川 翻譯）
• 4.1.2 渲染樹結構、佈局和繪製   （葉周 翻譯）
• 4.1.3 CSS阻止渲染  （張楠 翻譯）
• 4.1.4 用JavaScript增加互動活動   （張楠 翻譯）
• 4.1.5 使用Navigation Timing衡量關鍵渲染路徑  （葉周 翻譯）
• 4.1.6 分析關鍵渲染路徑的效能 （劉劍鋒 翻譯）
• 4.1.7 優化關鍵的渲染路徑（張金龍 翻譯）
• 4.1.8 PageSpeed 規則與建議 （張金龍 翻譯）

 

4.2 優化內容的載入效率  （沈小力 翻譯）

• 5.4.2.1 消除不必要的下載  （沈小力 翻譯）
• 4.2.2 優化文字資源的編碼和傳輸  （沈小力 翻譯）
• 4.2.3 HTTP 快取  （陳鑫偉 翻譯）

 

5. Device  Access

5.1 User location

• 5.1.1 獲取使用者當前位置 （黃傑華 翻譯）
• 5.1.2 獲取使用者同意，以分享位置 （何語萱 翻譯）
• 5.1.3 Monitor the user’s location （祁濤）

5.2 Click to call

• 5.2.1 Click to call （祁濤）

5.3 Device orientation

• 5.3.1 Device orientation （祁濤）
• 5.3.2 Device motion （祁濤）