在页面上添加元素的位移动画，除了视觉效果（这是次要的），还有个作用就是视觉引导（重点）。举个大家可能见过的例子，选择商品的时候，我们希望商品飞到边缘或角落的购物车里，作用是：一来告知放在购物车里成功了，二来让用户知道购物车在哪里。
但是，直来直去的运动你用我也用，不出彩啊，于是，就有想法，我抛物线过去，会不会有别样的风采。
于是，……
我要上头条——鑫表情包1.0正式发布
2013年12月19日 by 阅读 67599 次早在去年，也可能是去年的去年了，我已经开始在文章中不断使用具有自己特色的表情图。当时可能只是因为funny. 不过从大家的反馈来看，挺有意思，虽然没什么技术含量，但有特色。甚至有人提议可以弄一套表情包，我把这个建议一直放在了脑中。
于是在后来的日子里，偶尔就会因为文章需要补一两个表情。久而久之也有了一定的数量。
今年来到了新的团队，有很多非常出众的视觉设计师，她们绘制的表情，哇哦~~我怕是坐上火箭都追不上。但是，我在跟他们在群里聊七聊八时候，偶然冒出的几个鑫表情得到了他们的赞许，觉得挺有意思的。同事建议我可以搞了表情包，发给他们用用。甚至有同事说我这套表情一定会火的……
ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性
2013年12月18日 by 阅读 243560 次, 今日 1 次
时代发展，事物变化。现代浏览器超过半壁江山，其API足以支持大规模的应用。如果就因为IE6-IE8这些浏览器的兼容性问题拖累，现代浏览器也要跟着加载其实可以不要的jQuery等框架，那现代浏览器发展的价值又在什么地方呢？于是自己整了个ieBetter.js. 让IE6-IE8拥有IE9+, Chrome等浏览器特性，也就是是要规范的API，而现代浏览器几乎没有任何的变化，该如何使用还是如何使用。最大化现代浏览器的发展价值，同时兼容IE6-IE8。这种“趋同策略”对于中小项目，简单页面而言是最佳策略，至少我自己是这么认为的。
试一下，这是个另外不同的世界！
CSS3 box-shadow盒阴影图形生成技术
2013年11月29日 by 阅读 149551 次理论上，CSS3 box-shadow盒阴影可以生成任意的图形，小月格格的靓照，含韵格格的靓照那都不在话下。本文且听后宫茶话会上关于CSS3 box-shadow盒阴影图形生成技术的分享。截图、demo源代码示意，美女靓照一个都不少。说不定，你会有别样的收获哦！【挑眉】
使用CSS将图片转换成模糊(毛玻璃)效果
2013年11月21日 by 阅读 318594 次前段时间，iOS7不是瓜未熟就落地了嘛，然后捡瓜的人很多，然后国内外开始了各种探讨，从界面到动画，从兼容到实现等。其中，“毛玻璃”一次梆梆出世，一些爱折腾的弄潮人就可以琢磨怎么用CSS实现之，国内有之，国外也有之……
虽然本文标题也有“毛玻璃”二字，sorry，是“三字”。但是，并不是介绍如何实现毛玻璃效果的，而是介绍毛玻璃效果实现的基础——模糊。哈哈，恕我取巧，借用“毛玻璃”之词，沾沾喜气，散发芳气；蜂飞蝶舞，围观博主。
本文很单纯，就是图片模糊效果的实现。demo、源代码、截图、拓展以及御用模特应有尽有，希望本文的内容能够对您的学习有所帮助！
小tip: margin:auto实现绝对定位元素的水平垂直居中
2013年11月19日 by 阅读 252517 次, 今日 3 次如果要问如何CSS实现绝对定位元素的居中效果，很多人心里已经有答案了，或借助margin负值，或借助CSS3 transform的translate属性；这里介绍另外一个方法，margin:auto方法……
外甥点灯笼——照旧（舅），有demo有截图有源代码展示。希望本文的内容能够对您的学习有所帮助。
小卖弄：纯CSS实现的outline切换transition动画效果
2013年11月13日 by 阅读 73003 次我记得有个版本的迅雷软件，会发现focus文本框时候，其外发光的外挂会跟着动画移动。据说这一系列N动画交互引擎的维护成本还是挺高的。
今天，偶然看到一个名叫Nikita Vasilyev的兄弟在web页面上折腾了个类似效果。其是JS实现的，我习惯性就想，可不可以CSS实现呢，一番折腾，发现，竟然……
jQuery powerSwitch万能slide(切换)插件
2013年11月10日 by 阅读 217150 次, 今日 1 次
2013年下半年，鄙人的代码作品之一，名曰“jQuery万能切换插件”。顾名思意，使用了此插件，web页面上的各种切换效果你都可以轻松实现。兼容IE6+，API简洁、设计巧妙。性能优异，使用简单。可谓网页开发制作必备佳品啊！
XMLHttpRequest实现HTTP协议下文件上传断点续传
2013年11月5日 by 阅读 258036 次, 今日 1 次
目前从实用技术角度讲，文件上传的断点续传实现主要是借助客户端或Swf控件，也就是，这些带续传功能的上传都不是使用HTTP协议实现的，也就是不是传统的网页技术(HTML+CSS+JS)实现的。
然，times are changing, 事物发展，时代变化。以前的一些所谓的“不能”、“不可能”都将成为过去。
Ajax 2.0中最大的变化之一就是对二进制数据的支持，而且提供了一个可以直接处理二进制数据的方法——slice方法。
该方法为断点续传提供了有力的技术支持。
理解DOMString、Document、FormData、Blob、File、ArrayBuffer数据类型
2013年10月14日 by 阅读 217616 次, 今日 2 次我大学那会儿，一个称为Ajax的东西对前端行业造成了深远影响，不仅是JS语言，而包括前端地位、职位兴起以及工作分工等。抛开IE6浏览器不谈，其他浏览器的Ajax实际上都是借助XMLHttpRequest实现的。 然后，好多年过去了，XMLHttpRequest带着两位家臣，DOMString和Document数据类型攻城略地，几乎一统天下。 然时代是发展的，人们群众的需求是旺盛的，HTML5犹如冉冉升起的新星开始普照大地，恩泽大众。XMLHttpRequest由于就两个家臣DOMString和Document，且并不是100%听话。因此，其已经开始hold不住HTML5的耀眼光芒了。为了顺应时代的潮流，XMLHttpRequest凹凸曼变身升级到2.0，变化诸多，其中一个很重要的变化就是广招家臣，扩张实力，与HTML5一起完成千秋万载之大业。 这些家臣有……
我的应用
我的应用