秉承着 Google 一贯的 “开源精神”，我们决定陆续向大家分享： 2016 Google 开发者大会 6 个分会场 28 个主题的演讲 PPT。供所有中国开发者学习、分享、共同成长，希望您能从中获益 :-)

作者：滴滴公共前端团队 - fen前言 我们内部基于 Vue 做了一套公司级的 H5 编辑器解决方案，里面也包含了高度定制的动画 - 由我们专攻动画方向的妹子来定制完成初版，然后提供配置化。需求 要求三个图片之间进行过渡：第一张从正常慢慢放大，最后一帧第一张透明消失在第二张出现…

学习了『flexible』对 DPR 的处理后，结合前一篇处理 Android 的 FontSize 的问题得到的高清适配方案。

可能是最全的学习 Flexbox 的资源了，希望对大家有所帮助。

CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局，它具有很强大的功能，可以很轻松实现很多复杂布局。然而Flex属性较多，不便于记忆，而在项目中，布局使用频繁，那么可以将flex抽离为一个布局工具类，简化使用方式，快速应用于项目，减少记忆成本。 Fle…

CSS 栅格布局 (亦称 "Grid")，是一个基于栅格的二维布局系统，旨在彻底改变基于网格用户界面的设计。

以往拿到一份视觉稿要做页面适配，通常都是针对不同分辨率尺寸做断点写 media query，然后看效果再微调。开发过程中视觉稿要是做了修改，修改的地方就得再走一遍分辨率测试和微调，这时想屎的心都有了。而且这些适配都是建立在已 知的分辨率尺寸库上，如果市面新出来一款分辨率尺寸机型，呵呵，又要奔跑在测试微调路上。是不是能有用一套代码就适应各种分辨率窗口，那么就不会再有上面 这些烦恼，且开发效率快和维护成本会降低很多。

本书（系列文章）为对 CSS 中 flex 布局与 grid 布局的详细介绍，已在 GitHub 同步更新，如您在阅读过程中发现描述有误或错别字的情况，您可以向本项目提出 issus 或 Pull Request。 本系列文章为我在深入研究 CSS 的布局方式的过程中的一些总结。主要是对于 CSS3 标准里的 flex 布局方式 CSS 草案中的 grid 布局方式进行一些总结。