如果你在 3 月 23 日左右升级了 compass，你可能会遇到这样的错误：

What’s JX.Animate

• JX.Animate 官网：http://alloyteam.github.io/JXAnimate/

网上的教程好复杂，我写一个简版的。

手边有一台 iMac，听说 cocos2d 比较流行就想尝试一下。

首先到官网看文档，http://www.cocos2d-x.org/wiki

看了 2 天，完全不知所云。我想再 mac 上开发 ios 版本的，结果大部分都是 android 相关的，或这 windows 平台的内容。先看看下载的安装包吧。

下载的 2.2 版本，里面真是程序猿风格，一篇文档说明都木有。既然文档没用就自己试吧。

进入 samples/Cpp/HelloCpp/pro.ios/目录找到一个 Xcode 的工程文件。双击打开，然后运行，居然没有报错，顺利打开模拟器，还能运行。

小米又做了一个成功的营销。在首页上放了 7 个三色的小米随身 WIFI 图片，每个图片是一个琴键，各代表一个音节，按照提示可以弹出《铃儿响叮当》。然后就出现了小米 WIFI 的预订页面。

这个页面估计又要在微博、微信中疯转了。小米的互联网营销技巧实在是无法望其项背。所以这里就谈谈技术实现吧。

最近在更新 JX.Animate 的 Demo，我想让首页的美女图动起来。用的是 Canvas 实现的，过几天大家就可以看到一边移动一边缩放的效果了。

在切换图片的时候，过场动画是用 m×n 个 div 的 CSS3 动画实现的。此时 div 上显示的图片必须要和 Canvas 大图上的一致。

之前是用图片 url 设置 div 背景的方式实现的。于是很自然的想到可以通过 Canvas.toDataURL() 获得一个 DataImageURL，然后沿用原来的逻辑就行了。

现实永远是骨感的。

DataImageURL 字符串必然是一个巨长无比的字符串，用这么长的字符串进行 m×n 次的 DOM 操作，结果就是一场灾难。

最近在学习HTML5 和 CSS3，印象最深的是 CSS3 的动画功能，不仅有浏览器原生支持，执行效率高，而且免去在 js 中自己管理 timer。

本来想写一个图片轮播器练练手，结果在网上发现一个国人写的开源的图片轮播器。不仅效果很酷，而且是“女神级” 的。什么？你问是不是妹子写的？这个我不知道，我说的是这个 Demo 中的图片都是女神呀，性感火辣，丰满妩媚……咳咳，回正题。

我觉得 CCS3 的 transform 中的学问很深，可以出不少面试题了，之前的文章谈到过 perspective 属性的位置问题，我们今天看看 rotate 的顺序，首先看看下面两个 CSS3 的 keyframe 动画：

两个动画的起始状态和结束状态都是是一摸一样的（其实就是原始位置），不同的只不过是 rotate 和 rotateX 的顺序。但是动画效果却有惊人的差别。

以下两行语句有什么区别？

如果大家不清楚，请听我娓娓道来。

CCS3 中的 Transform 是设置界面样式和动画的一大利器。而且在 Chrome 和 FF 中还支持 3D 变换。IE9 不支持，IE10 支持。