本文翻译自Google Web Fundamentals:Best practices for modern web development (可能需要翻墙) 由于个人水平有限，翻译中有不足或者错误的地方，敬请指正。 由于原文的变动，可能会对现有的翻译细节作出调整。 by 联民 & 若欢

目录

• 前言
• 正文
  • 网站设计法则(未完成)
    • 宽屏网站设计要素
    • 首页和导航
    • 优化表单入口
    • 站内搜索
  • 多设备布局
    • 主页和导航设计法则
    • 响应式网页设计基础
    • 响应式网页设计模式
    • 导航和行为模式
  • 表单和用户输入(未完成)
    • 创建惊艳的表单
    • 为你的网站添加触屏
  • 视觉和感受(未完成)
    • 动画
  • 图片、视频和音频
    • 图片
    • 视频
  • 货币化(未完成)
    • 关键法则
    • 广告
  • 设备可访问性(未完成)
    • 用户定位
    • 点击通话
  • 性能优化(未完成)
    • 关键渲染路径
    • 优化内容展现
• 工具(未完成)
  • 搭建环境
    • 选择好的编辑器
    • 安装开发者工具
    • 安装Web Starter Kit
  • 构建你的站点
    • 什么是构建进程
    • 用Web Starter Kit构建站点
    • 借助谷歌开发者工具调试网页
  • 测试类型
    • 实时设备测试
    • 云测试
    • 使用开发工具模拟