gif动画图片是web制作中非常常用的，可以说是前端必会技能。本文就介绍了如何在Adobe flash以及Adobe photoshop中制作gif动画图片。很多截图，希望本文的内容能够对您的学习有所帮助。
文章关键字 ‘图片’
前端设计必会技能-gif动画图片制作
2013年01月15日，星期二渐进式jpeg(progressive jpeg)图片及其相关
2013年01月7日，星期一网络上那些色色的照片都是.jpg格式的（“色色”指的是色彩斑斓的意思）。
不知诸位有没有注意到，这些jpg格式的图片在呈现的时候，有两种方式，一种是自上而下扫描式的，还有一种就是先是全部的模糊图片，然后逐渐清晰(就像GIF格式的交错显示)，例如下面的示意……
使用SVG实现gradient背景渐变
2011年09月23日，星期五现在现代浏览器都对CSS3的渐变支持良好，加上IE的渐变滤镜，可以在不使用图片的情况下实现各个浏览器的两色渐变效果。这里，再简单介绍下如何使用svg实现元素背景的垂直渐变，水平渐变，斜向渐变，或是径向渐变，以及更加复杂的多层渐变。
耳熟能详的唠叨：本文提供demo页面，丰富的截图以及必要的源代码展示。希望本文的内容可以对您的学习有所帮助。
基于canvas画布的两个炫酷效果展示
2011年05月17日，星期二HTML5 canvas这个玩意用通俗的话来讲就是一块用来画画的布，不过这不是普通的布，这是个类似于神笔马良的那个神笔一样神奇的东西，可以画出很多精湛美妙的东西。本文就展示两个基于canvas的炫酷效果，可以让我们对canvas的潜力有个比较直观的认识。一如既往，有demo页面，有效果截图，相关源代码展示。本文甚至还有video视频展示，总之，希望本文的内容能够对您 学习有所帮助。
页面可用性之img标签longdesc属性与HTML5
2011年04月8日，星期五国外就页面可用性方面的讨论是很多也是很深的，貌似关注longdesc属性的前端相关人员还是很多的，相关的讨论也较多。相比国内，就淡得多。其实自己之前对该属性也是七窍只通六窍——一窍不通。所以，不想班门弄斧，本文就简单介绍下longdesc属性相关的一些内容，一些深入的可用性方面的东西自己确实业余的很，就不提及了。总之，希望本文的内容能够对您的学习有所帮助。
jQuery页面滚动图片等元素动态加载实现
2010年11月19日，星期五常常会有这样子的页面，内容很丰富，页面很长，图片较多。比如说光棍节很疯狂的淘宝商城页面。或者是前段时间写血本买了个高档耳机的京东商城页面，或者是新浪微博之类。
这些页面图片数量多，而且比较大，少说百来K，多则上兆。要是页面载入就一次性加载完毕。乖乖，估计黄花都变成黄花菜了。所以，我们得做点什么，避免这种糟糕的状况发生。目前很流行的做法就是滚动动态加载，显示屏幕之外的图片默认是不加载的，随着页面的滚动，这个要显示图片的区域进入了浏览器可是窗口范围，则触发图片的加载显示。这种做法的好处是，一是页面加载速度快（浏览器转啊转的圈圈或是进度条很快就玩完了），二是节约了流量，因为不可能每个用户浏览页面时从头滚到尾的。
本文就是讲解如何通过jQuery实现这类滚动动态加载的实现。提供源代码下载，提供demo页面以及必要的截图展示。希望能对您的学习有所帮助。
时鲜技术：图像的像素化处理
2010年11月4日，星期四
本文更多的是技术展示，展示如何对图像进行像素化处理，可方块像素化，圆形像素化。简洁明了，提供demo，截图，以及代码展示，希望能对您的学习有所帮助。
使用CSS实现Photoshop选区效果及应用
2010年06月24日，星期四
本文主要内容是展示于讲解一种不错UI效果的实现，这个UI效果就是photoshop的选区效果。提供截图展示，提供原理动画演示，相信您会很快了解这类效果的实现方法的。另外，文章的后半部分列举了此效果的一些应用，希望能对开通您的思维提供帮助，利用这种UI效果实现更多精湛的web设计。
CSS渐变图片背景下高度亦自适应按钮
2010年06月21日，星期一
本文将介绍一种效果精湛，兼容性强，扩展性强，易上手易理解的按钮实现方案，此按钮与以往介绍的按钮一样，也是高宽自适应，可与图片混排，受控于text-align属性。但是这里的代码更加精简易懂，更符合主流与开发者的习惯。
本文提供必要的截图，提供Demo页面，以及代码展示，并对代码做了一定的讲解，希望能对您的学习有所帮助。
图片旋转+剪裁js插件(兼容各浏览器)
2010年05月6日，星期四在现在的web应用中，对上传的图片，例如头像，原始的摄影照片常常需要在web页面上进行一些处理，常见的处理就是剪裁与旋转。但是，似乎就目前而言，缺少即支持剪裁又支持旋转且轻量级的js插件。于是，我就抽时间写了个简单的插件。
兼容各个浏览器，使用canvas元素实现旋转，封装良好，希望能对您有所帮助。
我的应用
我的应用