A powerful Photoshop-like CSS gradient editor from ColorZilla.
　　一款在线的CSS渐变效果编辑器，很强大，可以使用已有的渐变样式，也可以自己定义自己喜欢的样式，然后CSS的代码是实时生成和变化的。不过，这个编辑器生成的CSS是基于HTML5和CSS3的，不是所有浏览器都能支持这个渐变效果，Firefox、Safari、Chrome基本没啥问题，能很好的支持，Opera11和IE8就傻眼了，不支持这个渐变效果。只能简单的用纯色或者两色渐变背景显示。希望IE9没问题，抽空我装个IE9的测试版试试看。

编辑器地址：http://www.colorzilla.com/gradient-editor/

　　俺的博客左侧的在线Mp3播放器已经用了有段日子了，好像是从2005年的时候就开始用了，Flash的，通过XML文件加载歌曲列表，但是不支持中文歌曲名称，一直想换掉，没抽出空，这几天Google了一阵子，之前这个版本的播放器官网有新版本，下了一个演示版，功能多了不少，歌曲列表也支持中文了，可是变成收费的了。穷人啊，只能继续Google了，找了几款，基本都是收费的，免费版本有功能限制，有的甚至加了商业链接，当然，这也无可厚非。没办法，继续寻找，没想到还找到了，即免费，又开源的一个jPlayer，基于jQuery，加之HTML+CSS控制其样式，总体感觉非常棒，因为可以自己定制样式，我不会编程，所以功能方面的定制就算鸟。于是花了点时间，把播放器的宽度和按钮什么的，能调整的我都调整了，调整到我看着比较舒服，和博客比较搭调的外观，基本没啥问题了，再就是把以前的歌曲里表还得从新弄好，就彻底完工了。
　　不过，这个jPlayer不是单纯的Mp3播放器哦，在线视频也是可以播放的，暂时不需要视频播放功能，所以就没仔细研究，有需要的同学可以去官方网站详细了解一下。
官方网站：http://www.jplayer.org/
What is jPlayer?
jPlayer is a jQuery plugin that allows you to:
·play and control media files in your webpage
·create and style a media player using just HTML and CSS
·add audio and video to your jQuery projects
·support more devices using HTML5
·support older browsers using a Flash Fallback
·control media on your website using a JavaScript API
jPlayer supports:
·HTML5: mp3, m4a (AAC), m4v (H.264), ogv*, oga*, wav*, webm*
·Flash: mp3, m4a (AAC), m4v (H.264)
　* Optional counterpart formats to increase HTML5 x-browser support.
jPlayer works on the latest browsers and the Internet Explorer legacy:
·Windows: Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9 beta
·OSX: Firefox, Chrome, Opera, Safari
·iOS: Mobile Safari: iPad, iPhone, iPod Touch
·Android: We require a device for testing
jPlayer works with jQuery 1.3.2+

About jPlayer
Developed by Happyworm, jPlayer is Free, Open Source and dual licensed under the MIT and GPL licenses.
One of Mark Boas's many ideas, it has been made real by Mark Panaghiston.
Silvia Benvenuti helped with the HTML, CSS and all the pretty graphics.
Happyworm is a small web agency that focuses on innovation.

　　花了几天时间，把博客的主模板用DIV＋CSS从新搞了一遍，很久没这么搞了，之前模板是TABLE＋CSS，感觉代码比较臃肿，所以想用DIV＋CSS精简一下，效果还不错。
　　不过这DIV＋CSS也蛮折腾人的，浏览器的兼容性好像没有TABLE＋CSS那么宽容，同样的CSS定义，不同浏览器显示效果稍有不同，比如Chrome、Chromium、IE、Opera等，Chrome和Opera浏览的话，那Flash音乐播放器的显示有问题，大小不正常，原因未知，如有高人知道啥原因导致的烦请告知，Chromium和IE是没有问题的，照理说Chrome和Chromium是一家的哦，搞不懂。以前很少用DIV这玩意，都是TABLE+CSS为主，也有段时间没有操刀做过页面了。博客的其他部分页面暂时还是TABLE+CSS的，慢慢抽时间一点点的都换成DIV+CSS吧，主模版换掉基本就完成90%了。
　　相比起来，DIV＋CSS的结构，更有利于后期维护和更新模板，尤其是页面的样式定义，只需要修改CSS文件即可，不需要改动模板或者程序页面文件了。很多TABLE＋CSS很容易实现的表现方式，用DIV＋CSS还不知道怎么表现，所以就一边Google一边动手，边学习边实践吧。如果有DIV＋CSS高手，还望留下您的联系方式，我还有不少细节的问题需要请教，先谢谢了哦。
　　补充：刚刚又Google一下，解决了一下DIV高度自适应的问题，还得多谢一位朋友的帮助。这兼容性的问题就当长期工作吧，目前来说，Chrome，Chromium，Opera，IE7/8/9，Firefox估计问题都应该不大了，还在用IE6的朋友们如果发现有啥不对劲的地方，还请高抬贵手给留言说明一下，我能解决的就尽量解决，解决不了也没办法啊，能力有限啊。