前端小游戏（强烈推荐）

  你是否学习走神分心，学不进去，却人间清醒知道不学不行，潜意识知道时间紧迫，放松了再没有毅力再学下去了，感觉特别痛苦，又不得不面对。今天良心推荐一下几个小游戏，既能放松又能兼顾学习，在玩游戏中学习，岂不美哉！
  哈哈，被广告洗脑了；非本能的写出的词，望见谅。本人自己做了些前端笔记，感兴趣的可以看一下：老陈笔记

学习css的小游戏

  在这个游戏中，你可以学习26个CSS选择器的用法（含CSS3），从简单到高级，比如子元素选择器、后代选择器、伪元素选择器等等。

游戏链接：CSS Diner

学习Flex布局的小游戏

  这个游戏大致规则就是利用flex布局里的属性，将青蛙移动到对应荷叶的位置就可以过关。

游戏链接：Flexbox Froggy

学习Git版本管理的小游戏

  这是个沙盒游戏，在沙盒里你能执行相应的命令，还能看到每个命令的执行情况； 通过一系列刺激的关卡挑战，逐步深入的学习 Git 的强大功能，在这个过程中你可能还会发现一些有意思的事情。

游戏链接：Learn Git Branching