60 + 个原型工具，大部分都拥有动效制作、原型展示、导出到开发等功能。但影响力较大的应该就部分几个。通过本文可以挑选感兴趣的原型工具进行尝试使用，或许会收获意外惊喜。

大概一个月前，开源了 Vue 重构豆瓣移动端的项目，效果还可以，收到了很多小伙伴的反馈，话说是要写一些文章的，但迟迟没有动笔，估计小伙伴们等的花都谢了...

SVG动画即使可以做的炫酷爆炸，但与AE不同，它不能导成视频，不能导成GIF，而且考虑到AI与SVG的互通性，SVG动画合适用来做矢量卡通风格，放到实际应用中，不太建议利用SVG动画做太复杂的效果，毕竟UI设计师不是动效设计师，且动画做起来确实复杂的多。但虽然不适合大舞台，我们却…

身为程序员，如果学了一堆技术却没有用武之地，实在可惜，如何把自己积累的技术利用起来？通俗一点，程序员有哪些赚钱的门路？ 比较常见的一种方式是接私活，不过私活的复杂度不一，沟通成本会非常高，另一方面，私活的技术含量低，对程序员的技术成长没什么帮助，什么样的赚钱指导是理想选择，我想…

如果你有使用 vue + vue-router 开发 web App、hybrid App，这个插件可以让你的 app 轻松获得页面切换时的转场特效。

snap.svg 实战：SVG 路径 (path) 描边绘制跟随动画

首先我们得知道元素怎么才可以被拖放，需要设置它们的draggable属性，其中img和a标签的dragable属性默认是true，不需要我们手动设置。 drop: 源对象拖放到目标区域。 对于这几个事件，我们要结合需求利用preventDefault()取消它的默认行为。 cl…

SVG动画本质上是动图，我们并不能把它当做实现真正动画的工具，它比gif动图的优势在于小的体量，可交互，可矢量放大，方便修改色值，但它的劣势也很明显，渲染需要耗内存（所以能用基本的移动旋转等等实现就不要用路径变形），而且移动端应用需要第三方框架，即使web应用还要考虑到浏览器的…