w3cTrain

Keep Moving

card
当我们使用CSS3动画时,我们经常讨论如何使用创造过渡,动画等实战方法。然而动画的强大之处不是集中在单个动画是如何工作的,而是多个动画结合起来,创造出令人震撼的效果。良好的动画设计可以使我们的作品脱颖而出。

迪斯尼的 动画的12个基本原则 定义“感染力”为“一个演员的迷人之处。” 它是描述如何使用虚实,风格,和动画的物质叠加起来创建生动的角色,使得观众觉得真实而有趣。

card
它是一种被应用于stripe并造成巨大影响的技术。stripe是一种付款处理器,并提供了工具,在网站的嵌入支付形式。这些形式被设计得非常精美,特别是其使用的动画。

Read More...

推特最近更新了他们的点赞按钮,使用了全新的动画,而这个动画使用一组动画来实现的而不是依赖于CSS transitions。今天使用CSS动画的steps方法来重建这个动画。

##错觉

这种效果跟西洋镜的原理差不多,都是呈现一系列的帧,形成动画的效果

##Demo

鼠标移到星星上面触发动画:

See the Pen Twitter fave animation by Helkyle (@HelKyle) on CodePen.

Read More...

虽然现在有大量的插件可供我们选择使用,但实际开发过程中,使用别人的插件难免会带来问题,比如

  • 插件功能强大,代码行数也随着激增,但是我们只使用其中一小部分。
  • 使用别人的插件,很难看懂别人的代码,特别是压缩成min.js,为后期维护,需求变更等带来很严重问题。
  • 同样想在现有插件上做进一步开发也没那么容易。
  • 装逼

所以学习jQuery插件开发很有必要。

###自定义插件的类型

自定义插件的类型主要有两种(我猜的),分别是级别插件和对象级别插件。当然还有一种通过工厂模式生产的,基本上没人用,所以就不管了。

####1. 类级别插件

类级别插件比较简单,通过$.extend()直接给jQuery添加静态方法,通过$.extend()来扩展,调用方法形如

$.ajax(),$.trim(),$.each()等。

Read More...
1101112