这是一篇翻译自 css-tricks 上的文章，当你 Google css grid 的时候，第一个条目便是这篇原文，小伙伴们赶快学起来！Grid 作为一个新的 CSS 的属性，即将被浏览器所支持。它将彻底改变网页的布局方式，使响应式设计变得更加简单。

作者：科迪·林黎（Cody Lindley），由「前端大师（Frontend Masters）」倾情赞助。 这是一本可供任何人使用的指南，用于学习前端开发实践。该指南大体上勾勒出了前端工程的轮廓，同时也讨论了前端工程的实践：2017 年，如何学习前端工程，用什么工具来实践？ 笔…

阿里巴巴集团推出的《阿里巴巴 Java 开发手册（正式版）》是阿里巴巴近万名开发同学集体智慧的结晶，以开发视角为中心，详细列举如何开发更加高效、更加容错、更加有协作性，力求知其然，更知其不然，结合正反例，让 Java 开发者能够提升协作效率、提高代码质量。

多年前，又是周六客服打电话过来，平台官网不能访问，app 完全无法打开，客户在 QQ 群和微信群中各种反馈，说平台是不是跑路了？客服的多条 400 热线完全被打爆，电话已经接不过来…

写在前面：viewport 指的是是用户网页的可视区域，查了许久，遗憾的是近一两年几乎没有高质量的解析 viewport 的文章，本文内容是参考大牛，对内容进行了重新排版，以及对重点内容进行标注、精简，加上些许的个人理解形成的。有兴趣的朋友，可以参考一下。

前段时间 @Mirza Joldic 在 Medium 上发布了一篇文章，通过几个 Gif 动态非常形象的阐述了 CSS Grid 的几个核心概念以及使用方法，今天我就借花献佛，用这几张图让初学者快速掌握 CSS Grid 的核心概念和使用技巧。