前端工程师的dribbble长什么样?

大家都知道dribbble是设计师的灵感来源地,那里有很多创意工作者分享自己的作品,在灵感枯竭的时候去dribbble灵感总能再次被激发。那么作为前端工程师,在写不出代码的时候除了对着电脑神游,我们还能去哪找灵感呢?

今天我就要抖出一个埋藏已久的小秘密:前端工程师的灵感来源地——codepen!从这个骚气的名字你就能看出来,在这里代码就像一支神笔,可以画出各种神奇的效果。

你会发现全世界前端工程师的脑洞是如此之大。比如今天我在上面看见了这个——我们在代码里找到了bug:

我们找到了bug

体验地址:http://codepen.io/vinsongrant/pen/eZyvNm

当然,并不是所有的画风都是这样,有一些技术向的,会展示一些酷炫的效果和复杂的代码:

炫酷的3D效果

体验地址: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,把这里当做自己的代码空间,但想要在网站保存自己的代码就需要注册登录了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作为一个前端程序猿,下面这些站会让你眼前一亮。 amazeui框架组建丰富 http://amazeui.org...
    欧巴冰冰阅读 8,890评论 18 303
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,985评论 25 708
  • 今天晚上有点烦! 今天中午吃饭,听见一个女生冲他舍友说他男朋友:只有爱情没钱 还让我看不见未来的希望,没点规划,谈...
    123木头人i阅读 245评论 0 0
  • 该怎么留住你 我的朋友 时光真是一个友情杀手 再牢固的友情在他的消磨下 失去了踪迹 该怎么留下你 我的爱人 时间真...
    剑倚天下阅读 150评论 0 1