第一次在博客上提及 ATP,先做下介绍:
ATP 由支付宝前端创新组成员维护,倡导传递创新的价值,我们面向前端与设计,但又不局限于前端与设计。
本周小 A 们收集到的创新能源,大部分都为前端相关的,但点子都不错,或能给你工作中用户体验的启发、或能方便你进行多终端测试、或能给予一些感悟。
一、JS 模拟雨滴打在玻璃上
小的时候,是否您也曾经远远地看着雨滴敲打着窗玻璃,那时候窗外的景物都模糊了,清晰的留给你一条条雨滴滑落的痕迹。
如今,有一款 JS 组件叫做 rainyday.js
,已经实现了在网页上看到雨滴在玻璃上滑落的效果,很赞。
该款雨滴组件,是使用 canvas
和 javascript
一起来完成的。实现的介绍文章[ 在这 ],该组件的项目介绍和 DEMO 在这:
二、JS 让变色龙变「错」色
大家都很清楚,变色龙改变自己的肤色是为了和当前的环境融合,所以作为「观众」的我们很难分辨出来。
曾经有过一个不可能的想法,让变色龙变错色,方便观众来观赏。
同样的道理,我们在大背景网页设计中,会去规避出现「变色龙」的情况。因为我们不想让关键的信息(图片、文字)隐藏在背景图片之中。
今天介绍另外一款 JS 组件 Background-Check
,它能让你的区块、文字在变化大背景图片中「高亮」出来。该组件的介绍和 DEMO 在这:
三、斯坦福大学 JS 加密库
HTML, CSS, JS 对于客户端的这些语言,基本都是透明的公开的,于是乎很容易就被人看懂和利用。
斯坦福大学计算机安全实验室以「安全、快速、短小精悍、易使用、跨浏览器」为目标创立了一个 Javascript 加密库,简称 SJCL
。SJCL 很容易上手,简单的使用方法如下:
sjcl.encrypt("password", "data") //加密数据 sjcl.decrypt("password", "encrypted-data") //解密数据
到底安全性靠不靠谱,小 A 在此尚未考究,但因其是开源的、愿景不错,故介绍下。项目的地址在这:
Stanford Javascript Crypto Library
四、面向 21 世纪的对话框 vex
这是一个面向 21 世纪的对话框哦,它叫做 vex
,支持 PC 和手机,提供丰富的 API,而且可以自主去定义它的样式,恩,看下图:
很炫吧,下面是项目的介绍和 DEMO:
五、一个网页测试你的响应式设计
终端有几多?iPad 4、iPhone 4、iPhone 5、三星、小米... 你的响应式设计要测试,怎么破?
干货的最后,分享一个可以测试响应式设计的页面,算是小工具,还不错:
本周的 ATP 分享大概就这些,最后,再分享一个话题。
今天看到微博有人分享「知乎」上有这样的一个问答『你觉得自己牛逼在哪儿?为什么会这样觉得?』,然后牛人是这样回答的:
真正牛逼的,不是那些可以随口拿来夸耀的事迹,而是那些在困境中依然保持微笑的凡人。
真的说的很对很对,下面是作者『程浩』回答的全文: