如果要问如何CSS实现绝对定位元素的居中效果，很多人心里已经有答案了，或借助margin负值，或借助CSS3 transform的translate属性；这里介绍另外一个方法，margin:auto方法……
外甥点灯笼——照旧（舅），有demo有截图有源代码展示。希望本文的内容能够对您的学习有所帮助。
小tip: margin:auto实现绝对定位元素的水平垂直居中
2013年11月19日 by 阅读 251138 次, 今日 5 次小卖弄：纯CSS实现的outline切换transition动画效果
2013年11月13日 by 阅读 72612 次, 今日 2 次我记得有个版本的迅雷软件，会发现focus文本框时候，其外发光的外挂会跟着动画移动。据说这一系列N动画交互引擎的维护成本还是挺高的。
今天，偶然看到一个名叫Nikita Vasilyev的兄弟在web页面上折腾了个类似效果。其是JS实现的，我习惯性就想，可不可以CSS实现呢，一番折腾，发现，竟然……
jQuery powerSwitch万能slide(切换)插件
2013年11月10日 by 阅读 216114 次, 今日 7 次
2013年下半年，鄙人的代码作品之一，名曰“jQuery万能切换插件”。顾名思意，使用了此插件，web页面上的各种切换效果你都可以轻松实现。兼容IE6+，API简洁、设计巧妙。性能优异，使用简单。可谓网页开发制作必备佳品啊！
XMLHttpRequest实现HTTP协议下文件上传断点续传
2013年11月5日 by 阅读 256593 次, 今日 11 次
目前从实用技术角度讲，文件上传的断点续传实现主要是借助客户端或Swf控件，也就是，这些带续传功能的上传都不是使用HTTP协议实现的，也就是不是传统的网页技术(HTML+CSS+JS)实现的。
然，times are changing, 事物发展，时代变化。以前的一些所谓的“不能”、“不可能”都将成为过去。
Ajax 2.0中最大的变化之一就是对二进制数据的支持，而且提供了一个可以直接处理二进制数据的方法——slice方法。
该方法为断点续传提供了有力的技术支持。
理解DOMString、Document、FormData、Blob、File、ArrayBuffer数据类型
2013年10月14日 by 阅读 216163 次, 今日 14 次我大学那会儿，一个称为Ajax的东西对前端行业造成了深远影响，不仅是JS语言，而包括前端地位、职位兴起以及工作分工等。抛开IE6浏览器不谈，其他浏览器的Ajax实际上都是借助XMLHttpRequest实现的。 然后，好多年过去了，XMLHttpRequest带着两位家臣，DOMString和Document数据类型攻城略地，几乎一统天下。 然时代是发展的，人们群众的需求是旺盛的，HTML5犹如冉冉升起的新星开始普照大地，恩泽大众。XMLHttpRequest由于就两个家臣DOMString和Document，且并不是100%听话。因此，其已经开始hold不住HTML5的耀眼光芒了。为了顺应时代的潮流，XMLHttpRequest凹凸曼变身升级到2.0，变化诸多，其中一个很重要的变化就是广招家臣，扩张实力，与HTML5一起完成千秋万载之大业。 这些家臣有……
CSS3动画那么强，requestAnimationFrame还有毛线用？
2013年09月30日 by 阅读 433326 次, 今日 20 次
本文可谓JS实现动画必读文章。设计实现、性能、动画算法，CSS3相关等一系列内容。配以生动的对话体，二次元与三次元的碰撞；丰富的demo、截图以及源代码展示，平白易懂的文字，相信本文的内容一定能够对您的学习有所帮助！
一些SVG向下兼容优雅降级技术
2013年09月22日 by 阅读 163228 次, 今日 5 次对SVG有所关注的同行应该都知道，IE8-以及Android 2.3默认浏览器是不支持SVG的，实际项目，这些浏览器，至少IE8浏览器还没有到不管不问的时候，因此，在使用视网膜显示友好的SVG同时，我们还要做一点优雅降级，使IE8等考古价值浏览器也能手染余香。
本文在介绍一种新的SVG降级技术的同时，同时把以前css-tricks中提到的技术又总结了一遍。大集合什么的我做喜欢了，以后不要找来找去，因此，这里，我按照个人的理解，配合自己的一些实际测试，分享下。
demo, 截图、表格、源代码什么的应有尽有，希望本文的内容能够对您的学习有所帮助。
CSS属性选择器驱动的过滤搜索技术
2013年09月16日 by 阅读 56236 次, 今日 3 次CSS选择器可以用来实现搜索功能。
以前提过CSS3的选择器结合表单元素可以用来控制元素的显隐，这里，类似的，还是CSS3的选择器，居然可以用来过滤和搜索页面元素。有兴趣就进来看看吧，可能会有启发哦！
小tip:如何在Dreamweaver中使用emmet(ZenCoding)
2013年09月9日 by 阅读 106129 次, 今日 4 次emmet前身是zen coding. 我是通过接触sublime Text而认识的。
据说，emmet支持各种编辑器，神器Notepad++支持, 神器他哥Sublime Text支持，坦克Eclipse也支持，哟，甚至Dreamweaver也支持！
虽众仙喜欢神器，我却依旧Dreamweaver粉。因此，我就讲讲如何在Dreamweaver中使用emmet.
多多截图，简单易懂，可以错过哦~
图层转CSS3 photoshop扩展CSS3Ps插件简介
2013年09月7日 by 阅读 86254 次, 今日 8 次CSS3的世界已经愈发侵犯我们的世界，so，当下，很多设计师设计的东西都是通过CSS3来实现，而不是想办法弄一张图片，例如，一些渐变效果，投影等。
但是，有时候，我们的渐变可能是斜的，或者说起点不是从边缘开始。对于web重构人员来讲，要准确表达设计师的效果就比较头疼了。因为肉眼显然无法精确识别，现有的些工具大多测量尺寸、间距，获取颜色值之类，无法判断渐变的起止点或者投影的距离以及模糊程度。唯一的办法就是……
我的应用
我的应用