结语摘要：SVG是以后图形领域重要的媒介，如何导出适合开发的SVG图形是设计师必备技能，本文的填色等处理都是比较重要的处理细节；页面仔对图形软件使用不一定很熟，尤其illustrator，本文就拿一个比较复杂的图标举例，演示了如何迁移以及优化SVG路径。实际开发时候，一般的PSD中的小图标路径都是简单正常的，不需要“相减”或“联集”等路径操作。所以，弄清楚了本文的操作，基本上图标SVG变身都不是什么问题。
技术发展，以后肯定会出现PSD一键SVG转换工具的，本文内容就要作古了，或许现在就有，哪位小伙伴有所耳闻的，不妨分享下~~
楼外雨潺潺，春意阑珊！打球刚回身疲累，行文略懒散。一言蔽之，路径为王，谁知啰嗦甚多天甚晚，急得老婆直叫喊。
本来，下笔之时想大气磅礴说一通，现在看来，也就是不温不火的一句话：“设计师同事们，制作各类图标的时候使用路径绘制啊！会更powerful!”
CSS3的世界已经愈发侵犯我们的世界，so，当下，很多设计师设计的东西都是通过CSS3来实现，而不是想办法弄一张图片，例如，一些渐变效果，投影等。
但是，有时候，我们的渐变可能是斜的，或者说起点不是从边缘开始。对于web重构人员来讲，要准确表达设计师的效果就比较头疼了。因为肉眼显然无法精确识别，现有的些工具大多测量尺寸、间距，获取颜色值之类，无法判断渐变的起止点或者投影的距离以及模糊程度。唯一的办法就是……
gif动画图片是web制作中非常常用的，可以说是前端必会技能。本文就介绍了如何在Adobe flash以及Adobe photoshop中制作gif动画图片。很多截图，希望本文的内容能够对您的学习有所帮助。
网络上那些色色的照片都是.jpg格式的（“色色”指的是色彩斑斓的意思）。
不知诸位有没有注意到，这些jpg格式的图片在呈现的时候，有两种方式，一种是自上而下扫描式的，还有一种就是先是全部的模糊图片，然后逐渐清晰(就像GIF格式的交错显示)，例如下面的示意……
一些拓荒者，希望身体力行尝试些新的东西，这些东西的成果往往都是纯粹的实验结果，或者总结的可能并不准确的理论。对于实用主义者而言，这些似乎是很枯燥的。
还有一类人属于实践者，他们总敏锐捕捉到一些新颖的理论或实验结果，然后尝试性地应用在实践中。可能这些实践并不完美，也有可能成为了该方法的创造者。
还有一类人属于求知者，时刻关注新技术的发展与脉动，于是他们成为了一些新方法飞推广者。
还有一类人属于跟风者，这个技术大牛或某大网站使用了，于是，……
不好意思，与上篇类似，也是CSS3下的一些技术或者说是效果实现的展示。本文的内容是使用CSS代码创建各种条纹效果。一如既往，有demo，有必要的截图，有源代码展示，同时本文还要相对比较详细的讲解。总之，希望本文的内容能够对您的学习有所帮助。
本文是CSS 相对/绝对(relative/absolute)定位长篇系列的第一篇，大部分的内容被理论观点和题外话给占据了。本文主要内容就是分析了absolute与浮动之间的关系，一些典型的特性。还阐述了自己尽量不要使用absolute属性做普通DOM布局的观点。相对于本篇的文字量，图片啊代码啊以及demo相对少了写，但是，应该不会影响您的阅读与理解的。本文书写还是花了好些功夫的，力求准确表述自己观点的同时语言通俗生动。总之，希望本文能对您的学习有所帮助。
本文纯粹的展示如何使用CSS3实现高逼真的Opera浏览器的logo效果，当然，如果您关注CSS3，也一定可以从中学到不少CSS3方面的知识的。延续我一贯的文章风格，丰富的截图，丰富飞代码展示，外带源文件打包下载。总之，希望能对您的学习有所帮助。
本文介绍的是我最近几天写的，自认为还不错的一款jQuery插件，此插件用来在页面上显示标尺，同时创建参考线。UI效果模仿著名的图像制作编辑软件photoshop，里面的一些也与photoshop一致，例如标尺的显示隐藏，参考线的显示与隐藏，拖移标尺可以新建参考线，参考线可以随意移动，可以使用对话框新建参考线，支持快捷键操作等。
另外，自己还更近一步，提供了很多标尺，参考线相关操作的接口，可以实现自定义的一些功能。例如页面加载显示自定义的参考线等。总之，个人认为是自己近期写得相当满意的一款插件。同样的，本文提供丰富的截图，必要的demo以及代码展示，以及源文件打包下载。希望能对您有所帮助。
我的应用
我的应用