一周 ATP 大杂烩分享

HomeAtp一周 ATP 大杂烩分享

上周开始,ATP 小组又开始运作起来了。这一周里面,我们收集到了很多不错的创新能源,在这里和大家分享。

第一次在博客上提及 ATP,先做下介绍:

ATP 由支付宝前端创新组成员维护,倡导传递创新的价值,我们面向前端与设计,但又不局限于前端与设计。


本周小 A 们收集到的创新能源,大部分都为前端相关的,但点子都不错,或能给你工作中用户体验的启发、或能方便你进行多终端测试、或能给予一些感悟。

一、JS 模拟雨滴打在玻璃上

小的时候,是否您也曾经远远地看着雨滴敲打着窗玻璃,那时候窗外的景物都模糊了,清晰的留给你一条条雨滴滑落的痕迹。

ie

如今,有一款 JS 组件叫做 rainyday.js,已经实现了在网页上看到雨滴在玻璃上滑落的效果,很赞。

该款雨滴组件,是使用 canvasjavascript 一起来完成的。实现的介绍文章[ 在这 ],该组件的项目介绍和 DEMO 在这:

rainyday.js

二、JS 让变色龙变「错」色

大家都很清楚,变色龙改变自己的肤色是为了和当前的环境融合,所以作为「观众」的我们很难分辨出来。

曾经有过一个不可能的想法,让变色龙变错色,方便观众来观赏。

ie

同样的道理,我们在大背景网页设计中,会去规避出现「变色龙」的情况。因为我们不想让关键的信息(图片、文字)隐藏在背景图片之中。

今天介绍另外一款 JS 组件 Background-Check,它能让你的区块、文字在变化大背景图片中「高亮」出来。该组件的介绍和 DEMO 在这:

Background Check

三、斯坦福大学 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,而且可以自主去定义它的样式,恩,看下图:

ie

很炫吧,下面是项目的介绍和 DEMO:

Dialogs for the 21st century

五、一个网页测试你的响应式设计

终端有几多?iPad 4、iPhone 4、iPhone 5、三星、小米... 你的响应式设计要测试,怎么破?

干货的最后,分享一个可以测试响应式设计的页面,算是小工具,还不错:

响应式设计测试


本周的 ATP 分享大概就这些,最后,再分享一个话题。

今天看到微博有人分享「知乎」上有这样的一个问答『你觉得自己牛逼在哪儿?为什么会这样觉得?』,然后牛人是这样回答的:

真正牛逼的,不是那些可以随口拿来夸耀的事迹,而是那些在困境中依然保持微笑的凡人。

真的说的很对很对,下面是作者『程浩』回答的全文:

点此查看全文

  • 作者「」于 更新本文
  • 文章声明:自由转载-非商用-非衍生-保持署名 | BY-NC-SA
← 假如生活欺骗了你 明信片的记忆→
  • 获取每日の能量源
  • ATP