5key’s blog

欢迎使用 WordPress。这是您的第一篇日志。您可以编辑它或是删除它，然后开始写您自己的 blog。

来自chriscoyier的一款三栏主题。

预览地址：http://chriscoyier.net/
下载地址：http://css-tricks.com/examples/PersonalHomepageTheme.zip

 有兴趣的同学还可以看看制作教程：
Part One: Download, Install, “Reset” Theme
Video Page
Direct Video Download (.mov)
Article & Discussion

Part Two: Structure
Video Page
Direct Video Download (.mov)
Article & Discussion

Part 3: Finishing Touches, Extra Stuff
Video Page
Direct Video Download (.mov)
Article & Discussion

上周提到过一个跨平台、多浏览器页面测试，这次再来介绍一个针对IE的测试工具。
http://www.ipinfo.info/

与IE Test等网站不同的是，http://www.ipinfo.info/可以生产IE6与IE7的一张对比图，通过图片，你可以清楚看到被测试页面在IE6与IE7下的不同。

经常做主题的同学用得着。点击”Preview”可预览效果。

• http://www.dinpattern.com
• http://www.bgpatterns.com

Unit PNG Fix是一款小巧轻便的JS库，主要解决IE6下PNG的兼容问题。

下载地址：http://labs.unitinteractive.com/downloads/unitpngfix.zip
作者7月16日再次更新，但是下载的js中还是有一个路径的错误，clear.gif其实和js在同一级目录下，大家使用的时候需要注意改正一下。

var clear="images/clear.gif" //path to clear.gif

相关阅读：
1、http://www.twinhelix.com/css/iepngfix/
2、http://homepage.ntlworld.com/bobosola/index.htm
3、http://24ways.org/2007/supersleight-transparent-png-in-ie6

最后B4一下，因为ao yun hui，IDC屏蔽了很多关键字，导致文章编辑了好久都发不出去。最后文章改得乱七八糟。-_-~

自从来到杭州，每次去西湖边人都是一堆一堆的，搞得我对西湖的印象是大打折扣。看看今天太阳这么大，想想人应该不会多，带着新买的相机从曲院风荷走了一趟。太阳很爆，人确实不多，但结果是自己也被暴晒了一顿，有点自虐……

相机还不是很熟悉，按了三四百下快门，能挑出来的不多。

阅读全文 »

工作地点：杭州

阿里巴巴公司是世界上排名第一的国际贸易和中国本土贸易网络交易市场。我们专注于为来自中国和全世界的中小企业买家和卖家提供高效、可信赖的贸易平台。

我们的国际贸易网站www.alibaba.com 主要针对全球进出口贸易。

阿里巴巴公司，作为阿里巴巴集团的旗舰业务同时也是世界领先的电子商务品牌之一。

UED (User Experience Design) － 用户体验设计。我们设计的界面虽然没有几十亿的流量，但每天的24小时里，在我们网站上都活跃着上百万数量的买家与买家，他们有着白黄棕黑不同的肤色，他们来自全球各个不同的国家及地区，他们有着各自的文化及信仰。我们网上的信息承载全球的贸易，UED就是负责把这些信息呈现给全球的商人。

阿里巴巴的口号是“让天下没有难做的生意” ！我们希望全球的商人都没有难用的界面。这个伟大的使命需要你和我们共同完成！

公司站点：www.alibaba.com
团队BLOG： www.aliued.com
团队招聘站点： job.aliued.com

如果你就是我们寻找的那个人，请马上联系下面这个邮箱。附上个人作品哦。
Freeman.caoxm@alibaba-inc.com

上周参加了客户培训中心看了看，本想就手上项目的改版听听做培训的同学以及客户的意见，却被做培训的MM拉到一旁诉苦了一番：
“哎呀，用户管理后台怎么又改版了！”
“新注册的用户后台里会员升级的banner哪去了？”
……

我很纳闷，这些项目发布难道他们都不知道？
我：“那Free member的改版知道吗？”
MM：“不知道，什么时候，没有收到邮件？”
汗……
我：“异步上传，你们都知道是什么东西吗？”
MM：“看到过邮件通知，但不太明白做什么用，为什么要改。”
大汗……

回到公司，我查看了一下日常项目发布的邮件。似乎所有的项目在发起的时候都只是在涉及开发的团队、需求方进行沟通。直到项目正式发布了，才会将邮件cc给相关培训人员的主管、客户服务人员。而一些小的需求发布，甚至都没有通知到他们。更别说全国各地那些辛苦的做培训支持的同学们了。

我们每天都坐在办公室里，为了提升网站的可用性，做着这样那样的设计、改造。可我们最终作出的这些设计改进的思想、精髓是否通过我们培训人员，准确的传递过客户了呢？而我们的培训专员，自己又是否真正的理解呢？这次的培训课程让我很惊讶，原来我们的信息传递是比较糟糕的。我们常说要多接触客户，了解他们的想法，听取他们的反馈。虽然公司会通过内部培训、邮件，等形式将我们的项目告知客服人员、培训人员，但信息的传递有着很大的丢失。

后话：目前通过相关各级主管将相关人员增加到项目发布邮件列表中，首先确保相关人员都清楚的了解网站最新动态。不知道你在工作中是否也遇到同样的问题呢？

当产品走到HTML Coding这块，多浏览器的测试是很重要，也很麻烦的一个环节。现在大家主要是保证IE6，7及Firefox的一致。

browsershots提供了Linux、Windows、Mac os、BSD四个平台下的多个浏览器的页面截图，很强大。不过我主要就看看Windows和Mac os下的效果就好，选择太多浏览器会导致速度非常慢。

完成后的所有截图：

平常大家在为wordpress做主题的时候大多都是在自带的主题上进行修改，难免有不少垃圾代码存在，而且很多时候都在做重复的代码工作。当时就考虑过，是否应该整理一个只有一些基础预设的干净主题。没想今天还真看到一个 — Whiteboard。

Whiteboard共104 KB，没有包含图片，只有一个css文件，并且只做了很基础预设

framework包含了wordpress主题的所有文件并且做了代码注释：

404.php, archives.php, archives.php, categories.php, comments.php, footer.php, functions.php, header.php, index.php, page.php, search.php, searchform.php, sidebar.php, footer.php, and style.css.

下载：http://plainbeta.com/downloads/whiteboard.zip