大家都知道dribbble是设计师的灵感来源地，那里有很多创意工作者分享自己的作品，在灵感枯竭的时候去dribbble灵感总能再次被激发。那么作为前端工程师，在写不出代码的时候除了对着电脑神游，我们还能去哪找灵感呢？
今天我就要抖出一个埋藏已久的小秘密：前端工程师的灵感来源地——codepen！从这个骚气的名字你就能看出来，在这里代码就像一支神笔，可以画出各种神奇的效果。
你会发现全世界前端工程师的脑洞是如此之大。比如今天我在上面看见了这个——我们在代码里找到了bug：
体验地址：http://codepen.io/vinsongrant/pen/eZyvNm
当然，并不是所有的画风都是这样，有一些技术向的，会展示一些酷炫的效果和复杂的代码：
体验地址：http://codepen.io/ge1doot/pen/aNVYPN
还有一群程序猿，他们很闲，极其无聊，所以就做了一些无聊的东西。比如这个：
体验地址：http://codepen.io/ge1doot/pen/WbWQOP
根本停不下来！
还有这个用代码来画画的，能画这么精致还带动效，只能膜拜了。
体验地址：http://codepen.io/mmellado/pen/groELL
还有这个，一幅图概括程序猿的作用——吃的是香蕉，产出的是代码。
体验地址：http://codepen.io/andreasnylin/pen/ZWvmNd
突然感觉，程序猿的脑洞也是蛮大的。当然，这里不是只能看到最终的DEMO，你还可以看见每个小项目的前端代码，包括HTML、CSS、JS。codepen编码时是实时预览的，改动代码的时候可以立即看到效果。
如果你恰好是一个想学习编程的设计师，就可以学习别人的代码，当然也可以创建你自己的codepen，把这里当做自己的代码空间，但想要在网站保存自己的代码就需要注册登录了。
