酷站两连发!用代码呈现Dribbble作品+16进制颜色网站

2015/01/06 14062

code-dribbble-16-color-1

编者按:从明天起,做一个极客范的酷站。那些追波呈现给我的,我将用代码告诉你们每个人。从明天起,和每一个时间通信,给每一分每一秒取个温暖的颜色,那幸福的闪电告诉我的,我将告诉每个人:同学,感受完别忘了回来转发呀。

Give n Go

该网站专门分享CodePen上的JS/CSS/HTML/片段代码,而这些代码都是来自Dribbble的Gif动效及漂亮的界面截图,并用代码呈现出来,实在惊人。

用代码呈现Dribbble的设计作品 -“Give n Go”

在Dribbble有很多可爱的GIF动效和精美的界面设计,可是很多我们没法看到用代码实现后的真实效果,或者不知道这些GIF和界面该如何实现。give ’n’ go 就是专门展示这类作品,很多看上去复杂的东东其实也可以用代码实现出来的哦!

左图为Dribbble的截图,右图为CodePen

 

What colour is it

这是一个有趣的实验,这网站运行原理简单,根据当前时间来组成16进制颜色值,同时网页背景根据值的变化面实时变化,确实有点创新。

有趣的16进制颜色网站 – what colour is it

此外,一名Github用户Jonic尝试把它转成OS X系统屏保,你可以下载使用,用多了说不定哪天你连16进制对应的颜色值都记得了!

屏保下载地址:https://github.com

时间颜色

时间颜色

时间颜色

时间颜色

【2015年最新出炉的酷站合集】

免费高清大图哪家强?看这儿!
《新年图库第一波!20个无版权限制的高清图库特供网站》

妈妈问我为什么跪着看屏幕系列网站!
《彻底给跪了!2014年绝对值得体验的最佳炫酷网站》

权威网站评选的2014年最佳网站揭榜!
《这样才过瘾!2014年最佳网站评选结果出炉》

原文地址:shejidaren

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量89万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的”福利”吗?添加优设哥微信号:youshege

chat-yinliu-pic

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/code-dribbble-16-color

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里