本文主要内容是展示于讲解一种不错UI效果的实现，这个UI效果就是photoshop的选区效果。提供截图展示，提供原理动画演示，相信您会很快了解这类效果的实现方法的。另外，文章的后半部分列举了此效果的一些应用，希望能对开通您的思维提供帮助，利用这种UI效果实现更多精湛的web设计。
文章关键字 ‘photoshop’
使用CSS实现Photoshop选区效果及应用
2010年06月24日，星期四CSS实现兼容性的渐变、高光等文字效果
2010年03月12日，星期五
对于很多网站的大标题都是有一定的文字效果的，比如渐变就是常用的效果，而这些效果往往都是由世界上最厉害的美容产品photoshop做出来的，一个效果就是一张图片，所以，要是要10个不同的文字标题，可能就要制作十张带有渐变效果的文字图片了。
而实际上，无需使用多张photoshop图片，只要一张小小的图片在配合CSS就能实现各个文字内容的渐变效果。
本文就将展示如何使用CSS，配合一张小小的图片实现文字的各种上佳的效果，没有JavaScript，没有flash，纯粹的CSS，兼容各个浏览器，Firefox，chrome，Safari，甚至已经被微软做了葬礼的IE6也可以降服。
60个极富创造性的震撼的电影海报设计
2010年01月19日，星期二
如今，海报可谓数量众多，层出不穷，然而，真正能够吸引人的又有多少呢？很明显的，海报的设计可以说是电影宣传中最重要的事情之一了，没有什么可以比海报更富创造性和吸引力来吸引大家的眼球了。本文讲展示60和极富创造性的电影海报，是浏览很多网站，不断收集信息，汇总在这里的。几乎每个海报都有她独有的颜色，风格，体裁和构图。现在我们一起来享受这场视觉盛宴吧。
像素的世界及其在web开发制作中的应用
2009年12月7日，星期一
什么是像素的世界？如果您现在正在电脑前看这篇文章，那么您现在看到的就是像素的世界。本文的中心思想就是传达我们眼前所见都是由像素构成的这个意识。为了是让我们多一种思维的角度，对于我们web设计与开发有所帮助。内容多是个人的观点，可能会有不正确之处，欢迎指正，欢迎交流。提供必要的demo页面，配合丰富的插图，希望对您的学习有所帮助。
CSS实现圆角六色渐变自适应按钮详解
2009年11月21日，星期六本文将要展示如何用纯css实现2个像素的真正意义上的圆角，并且按钮带有细腻圆滑的渐变效果，其色彩丰富，可支持6种过渡色，从上往下可支配的颜色达9种。
本文将通过业余的图片、视频来演示实现的原理，将代码形象化，提供demo，希望您可以充分了解这种技术，也希望能开阔您的思维，对您的工作与学习有所帮助。
关于gif图片（或png8）杂边锯齿的问题
2009年09月29日，星期二
关于gif图片的锯齿问题可谓是久治不愈的痔疮——老问题了。网上零零散散有些相关的探讨，但是却没有一个关于gif图片锯齿很完整的论述性的文章，这里我就稍微辛苦些，结合自己以往与gif图片打交道的经验以及网上搜集的一些资料，写一篇不太正式的论述性的文章，主要分析gif图片（或png8）产生杂边锯齿的原因，以及提供一些避免这些杂边锯齿的方法。我虽说才能有限，但尽量保证每句论述都有据可循，另外文章内容尽量配合图片进行叙述，提供相应的demo实例页面，希望对您有所帮助。
我的应用
我的应用