目前我们阿里巴巴的用户使用最多的分辨率还是在1024*768。所以大部分的设计，我们需要考虑用户在第一频能看到什么。为了方便在不同分辨率间切换，浏览器的小插件必不可少。在这里与分享一下我正在使用的三个不同浏览器下的插件。

Firefox下的Window Resizer 1.0
因为我用firefox，所以这个插件用的比较多，支持640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200等分辨率
插件地址：点击安装

IE浏览器下的Internet Explorer Developer Toolbar
微软发布的IE调试工具，同时也可以调整浏览器窗口大小。支持800×600, 1024×768, 1280×800, 1280×1024，还支持用户自定义宽度和高度。
插件地址：点击下载

Maxthon浏览器下的ResizeWindow v0.3.0
遨游下的插件，支持640×480,800×600,1024×768,1152×864,FullScreen
插件地址：点击安装

记得以前在博客中提到《如果国内抄friendfeed》 ，一直很奇怪为什么没有人来Copy。今天在firendfeed上看到一个“很像”的网站 奇源网 。

和大多数“C2C”网站一样，奇源网从功能到界面全盘Copy了friendfeed。只是增加了一些国内网站的服务，例如反否、叽歪、豆瓣等。不过目前还没有开放API，不能收藏、不能评论，也就说大家也就只能在网站上逛逛，订阅一下好友。

在百度、google里site了一下，都只有几个页面，应该刚上线不久,其他功能估计在开发中。看到这里相信大家都比较B4关于连界面都copy的问题。看到作者在about里对于界面作了一番解释。

关于界面

当前版本我们的界面很“像”目前大名鼎鼎的个人信息聚合服务网站FriendFeed.com。

这种像之于其他国内一些c2c(copy to china)的网站或形似或神似自己的原版网站有着一定的相同之处。但是与之不同的是我们的“像”也颇有几分自己的无奈。
基于以下两点，才让我们鼓起勇气做出了这个“很像”的版本。第一：跟财大气粗的网站不同，我们完全由个人团队开发完成，而当前团队里没有很好的ui 设计师，对制作界面有点力不从心；第二：这种“很像”的界面可以帮助FF的用户尽快熟悉我们的功能和网站结构。同时，我们欢迎有能力帮助我们改造ui的高 手加入开发团队中来。

自从来到杭州后，感觉突然失去了动力，博客基本处于停止状态。上个月服务器突然到期，IDC备份给我的SQL在导入的时候出了一堆bug。正在我准备放弃数据的时候，水煮鱼同学主动的站了出来，热情的帮我解决了问题。再次表示感谢！

来到阿里的这几个月，工作确实很忙。渐渐的从群、网站上消失。A宣、banlon、masion搞的UCDCN也没好好捧场。但是饭是要吃的，日子是要过的，博客还是要好好写的。so，我回来了。

1. 前两天为了恢复数据，骚扰了大家的rss，抱歉了；
2. 友情链接都没了，我会陆续加上的；
3. Friendfeed新版本的插件我很喜欢，这次给整上了。

利用PNG图片的透明属性和CSS滤镜可以轻松制作渐变的文字效果。实现原理是在文字上面覆盖一层渐变的透明图片，让文字看起来成渐变颜色。但由于IE6对AlphaImageLoader滤镜的不支持，使得这种方式并不完美。

这次结合最近学到的东西，结合以前的方式总结出了这套能适用于IE6，7及FF的方案。关键归结与以下两点：
一、PNG自身可透明的属性。需要注意的是：在保存PNG图片的时候，一定要注意保证背景是透明的。
二、CSS滤镜progid:DXImageTransform.Microsoft.AlphaImageLoader的使用。

gradient.png为我们的透明图片，显示效果如下

完整示例代码如下
css部分：

h1 {
color:#333;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-.05em;
position:relative;
}
h2 {
color:#0033FF;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-.05em;
position:relative;
}

h1 span{
position:absolute;
display:block;
top:0;
left:0;
height:100%;
width:400px;
background:url(gradient.png) repeat-x;
}
h2 span{
position:absolute;
display:block;
top:0;
left:0;
height:100%;
width:400px;
background:url(gradient.png) repeat-x;
}
* html h1 span, {
background-color:transparent;
background-image: url(none.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient.png", sizingMethod="scale");
}
* html h2 span, {
background-color:transparent;
background-image: url(none.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient.png", sizingMethod="scale");
}

html代码部分：