保证是您没有见过的对浮动的原理本质研究最透彻的文章，没有之一。浮动专题内容较多，本篇是第一部分，重点分析了浮动的意义，深入研究了浮动显示的原理。本文内容较深，概念抽象，适合于一定CSS基础的人阅读，我尽量将我想表达的内容表述清楚，提供详尽的插图，必要的动画演示。多是个人观点，如有异议欢迎反驳。
60个极富创造性的震撼的电影海报设计
2010年01月19日 by 阅读 80269 次, 今日 1 次
如今，海报可谓数量众多，层出不穷，然而，真正能够吸引人的又有多少呢？很明显的，海报的设计可以说是电影宣传中最重要的事情之一了，没有什么可以比海报更富创造性和吸引力来吸引大家的眼球了。本文讲展示60和极富创造性的电影海报，是浏览很多网站，不断收集信息，汇总在这里的。几乎每个海报都有她独有的颜色，风格，体裁和构图。现在我们一起来享受这场视觉盛宴吧。
jQuery Lightbox(balupton版)图片展示插件讲解
2010年01月17日 by 阅读 125246 次, 今日 7 次
jQuery Lightbox(balupton版)图片展示插件可以说是最优秀的lightbox效果的图片上一个下一个图片切换显示插件，没有之一。我将其原项目进行了翻译，自己进行了一系列的测试，并对原js文件一些英文内容替换成了中文，修改部分CSS文件代码使更符合中文的显示。
本文提供此插件详尽的概述，提供源文件下载，配合demo页面，相信一定会对您对这款插件的掌握有所帮助的。
博客内嵌flash音乐播放器代码、下载与使用
2010年01月14日 by 阅读 94926 次, 今日 2 次目前，绝大多数的音乐播放器都是flash实现的，例如Google的音乐播放，百度MP3，新浪乐库等。在HTML5未来临的时候，flash技术是最上佳的选择。本文将讲解一些flash音乐播放器相关的内容，不过不是讲怎么开发制作，而是如何在自己的站点上使用国内大型网站的flash音乐播放器，而且本文所涉及的音乐播放器是专指单音乐播放器，顾名思意就是一次只能播放一首歌的播放器，常用在博客日志系统中。本文讲展示三款单音乐播放器，分别来自新浪网，人人网还有开心网。
这些播放器可以直接在您自己的网站上使用的，本文就将介绍如何在自己的网站上使用这些播放器。提供动态代码的获取，希望对您有所帮助。
CSS3 animate实现图片墙3D翻转效果
2010年01月12日 by 阅读 115921 次, 今日 9 次本文主要就是展示了一个用纯CSS实现的图片墙动画3D翻转效果，有图片演示，有视频演示，有demo页面，提供简单的代码分析和原理讲解。目前而言仅chrome浏览器和Safari浏览器下有效果，所以，本文主要在于展示CSS3的一些特性以及潜能。希望对有兴趣的朋友有所帮助。
图片旋转效果的一些研究、jQuery插件及实例
2010年01月12日 by 阅读 214507 次, 今日 45 次图片的旋转可以说是一种效果，但是逐渐的，旋转已经不单单是属于视觉效果那个范畴，其更具有使用性，功能性。我们都知道，照片有时候是需要横过来的拍的，当我们预览或共享到web上时需要进行旋转。这个操作在以往可能更多的是交给软件去完成，然后再将旋转到正常角度的图片发布到web上。但是，现在直接就可以在web上对图片进行旋转之类的处理，就算图片处理软件再怎么方便好用，也不及直接发布时对图片做调整来的方便。这就是图片旋转功能的实用意义。
本文从各个方面阐述图片旋转的实现方法，一步一步，从CSS，滤镜，canvas标签，涉及各个浏览器，分析各自特性，并讲解一些插件，最后提供各种方法的综合实例，有详细的demo页面和源文件下载，希望能对您有所帮助。
CSS3 border-image详解、应用及jQuery插件
2010年01月8日 by 阅读 236712 次, 今日 12 次本文可以说是对CSS3 中border-image讲解的非常深入细致的一篇文章。对border-image进行的全方位的剖析，不是泛泛的谈参数特性，而是由大量的类比，图片标注，动画演示等。是难得的一篇优秀的技术文章（我很少称赞自己的）。相信一定会对您对border-image的理解大有帮助。
文章还列举了大量border-image的应用实例，可以让您见识到border-image惊人的应用潜力，最后还有一个相关插件的讲解。
本文提供大量的截图，手工绘图，演示图，gif动画，还有flash演示，提供详尽的demo页面，以及必要的资源下载，希望对您的学习有所帮助。
jQuery-两款不同原理的圆角插件讲解
2010年01月6日 by 阅读 63280 次, 今日 10 次本文介绍两款原理完全不同的jQuery圆角插件，一个是jquery.corners.js插件，还有一个是jquery.corner.js插件，两个相差一个”s”，但是内部核心方法差异却很大，一个是使用canvas标签，另外一个则用div标签一个一个摞起来的。
另外，本文还会对每一款插件做讲解，包括其使用方法，实现的原理，注意的问题等。每款均提供demo页面与相关源文件下载。文章最后还总结了各个插件的优缺点等，总之，希望能对您对圆角的学习和认识有所帮助。
页面可用性之outline轮廓外框的一些研究
2010年01月4日 by 阅读 94573 次, 今日 10 次在IE以及Firefox浏览器下，默认情况下，点击链接文字或图片（特指a标签下的）。会留下一个轮廓框。就我个人而言，对于链接点击后留下的轮廓框，我都是采取无视的态度，因为权衡来讲，对链接轮廓框大动干戈麻烦大于好处。但是网站千差万别，总有需要解决这类虚框的时候。
目前网上或设计师工程师常用的方法就是设置…，此方法确实有效，或是由于跟风，或是由于没有深入思考，或是根本没有必要想那么多，此方法会大大降低页面的可用性…
CSS3 transition实现超酷图片墙动画效果
2009年12月30日 by 阅读 163522 次, 今日 26 次
CSS3是个新东西，也是个好东西，不过以往用CSS并没有让自己兴奋。比如圆角，文字投影等就的CSS也可以实现，就是多一些标签而已。但是，今天，对CSS3 transition过渡的学习真正让我兴奋了一把。因为我见到了我以前没有见到过的东西，简单的几行CSS代码实现了flash都不容易实现的炫酷效果。本文就将展示一下使用CSS3 transition实现的炫酷图片墙图片旋转悬浮效果，文章由浅入深，循序渐进，提供详尽的代码讲解以及相应的demo实例页面，相信会对您了解CSS3的一些特性有所帮助的。
我的应用
我的应用