<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom"><title type="text">博客园_Justin's Tech Blog</title><subtitle type="text"/><id>http://feed.cnblogs.com/blog/u/11224/rss</id><updated>2011-10-28T19:32:36Z</updated><author><name>Justin</name><uri>http://www.cnblogs.com/justinw/</uri></author><generator>CNBlogs BlogServer</generator><link rel="alternate" type="text/html" href="http://www.cnblogs.com/justinw/"/><link rel="self" type="application/atom+xml" href="http://feed.cnblogs.com/blog/u/11224/rss"/><entry><id>http://www.cnblogs.com/justinw/archive/2010/11/24/1886227.html</id><title type="text">[职业生涯]美到极致是疯狂</title><summary type="text">看到一篇很有共鸣的文章，转此自省！也希望对你有意！原文地址：http://blog.csdn.net/david_lv/archive/2010/11/23/6030466.aspx~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~这是今天和校招新同事交流时的总结，希望校招新同事能够回顾，也能够写出自己的总结。一、什么是代码高手？你怎么证明自己...</summary><published>2010-11-24T01:58:00Z</published><updated>2010-11-24T01:58:00Z</updated><author><name>Justin</name><uri>http://www.cnblogs.com/justinw/</uri></author><link rel="alternate" href="http://www.cnblogs.com/justinw/archive/2010/11/24/1886227.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/justinw/archive/2010/11/24/1886227.html"/><content type="html">&lt;p&gt;看到一篇很有共鸣的文章，转此自省！也希望对你有意！&lt;/p&gt;&#xD;
&lt;p&gt;原文地址：&lt;a href="http://blog.csdn.net/david_lv/archive/2010/11/23/6030466.aspx" target="_blank"&gt;http://blog.csdn.net/david_lv/archive/2010/11/23/6030466.aspx&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~&lt;/p&gt;&#xD;
&lt;p&gt;这是今天和校招新同事交流时的总结，希望校招新同事能够回顾，也能够写出自己的总结。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;span style="font-size: 18pt;"&gt;一、什么是代码高手？你怎么证明自己是代码高手？&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;知道许多代码技巧、JS炫彩技巧的人大有人在。你知道多少个.net函数，这一点都没有意义。你知道多少个新鲜IT名词，多少技术介绍，这也没有意义。做，真正做一个原型，做一个项目，解决你手头棘手的问题，这才有意义。&lt;/p&gt;&#xD;
&lt;p&gt;1、快速准确的理解别人说的-〉&lt;/p&gt;&#xD;
&lt;p&gt;2、快速的开发，还准确的反映了别人的需求-〉&lt;/p&gt;&#xD;
&lt;p&gt;3、稳定，最少出BUG-〉&lt;/p&gt;&#xD;
&lt;p&gt;4、高性能，10万条记录你能顶住，1000万条记录你能顶住吗？这就是技术功底的考验&lt;/p&gt;&#xD;
&lt;p&gt;5、这还不够，你的代码是否能让别人快速的理解了&lt;/p&gt;&#xD;
&lt;p&gt;6、你的代码是否能比较容易的接受不同客户的需求差异&lt;/p&gt;&#xD;
&lt;p&gt;这都是处处要你的分析功底、架构功底、编码功底。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;span style="font-size: 18pt;"&gt;二、怎么炼成高手？&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;1、阅读优秀的开源源代码。先找代码量不大的。要彻底的阅读，剖析清楚有多少个类，这些类的关系。为什么要设计这样的类架构，为什么要这样设计接口。这些思考相当有深度。&lt;/p&gt;&#xD;
&lt;p&gt;2、根据你的需求，把开源源代码进行修改。因为开源源代码是浑然一体，你加的功能是否很好和现有代码融合。这相当考验功底。&lt;/p&gt;&#xD;
&lt;p&gt;3、读书，谁发明的这个东西就读谁的书。如想学 SQLSERVER，就一定要读SQLSERVER开发经理或技术小组写的书。别人写的书都会有歧义。要读透，反复阅读它的设计原理。不要只学会使用。比如说SQLSERVER，写SQL和SP就是懂SQLSERVER？我们一定要明白到SQLSERVER的数据页面是如何组织的，为什么要这样组织，它是怎样被载入内存中，它又是怎样回写到物理设备上。我们要到这个深度。否则，你只能是知道个皮毛，平时看是高手，一到真正难关立马歇菜。&lt;/p&gt;&#xD;
&lt;p&gt;如果你学的技术还不能帮助你解决你目前手头的问题，说明你还学的不到位。&lt;/p&gt;&#xD;
&lt;p&gt;4、找到你的师傅。一个人的成长，很难是自己一个人苦苦学习摸索修炼。这样提升很慢。你如果想快速发展，你必须找到你在这家公司中的引路人。他可能是你的入职指引人，也可能是别人。你一定要好好观察，看中了就一定要积极联系上他紧紧的跟随着他，平时多请教多观察他的思考方式做事方式。&lt;/p&gt;&#xD;
&lt;p&gt;5、给自己树立一个信念：我要在X年中成为公司所有人公认的技术高手。我要在X年终成为中国软件业一流的程序员。必须设立目标，而且时时刻刻为这个目标奋斗，坚持每天阅读、思考、开发、修改代码达到13-16个小时以上。有一个故事讲的就是每件事要想做专业必须要经过1万个小时的反复练习才能成功。对，我说的就是这个意思。不疯魔不成活。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;span style="font-size: 18pt;"&gt;三、推荐书目：&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;1、《.net企业应用架构模式》，从数据层、业务层、表现层概况性的讲解，难度和深浅度适中，但是很有全貌感。值得推荐阅读。让大家看到企业级软件开发，不是一个vb.net+SQL就包打天下。让大家从架构的角度去理解产品理解代码结构。&lt;/p&gt;&#xD;
&lt;p&gt;2、研发文化：&amp;lt;观止&amp;gt;是我阅读过的IT研发文化很好的书。它真实的反映了软件研发的复杂、焦虑、压力、创造。另外，还有两本书也很好，值得推荐，它们是：《追随智慧》，讲的是微软亚洲研究院成立的故事。《borland传奇》，讲的是borland公司在IT业界几经变化、商业战争、技术变革的沉浮录。&lt;/p&gt;&#xD;
&lt;p&gt;你阅读这三本书后会掩卷长叹，原来一个成功的产品的诞生是多么的曲折与艰难，中间会经历多少商业竞争机缘巧合，也会浮现多少独当一面的代码英雄。&lt;/p&gt;&#xD;
&lt;p&gt;我常常说，一个人有没有可能成为软件高手，他是有一种说不清的气质的，你知道那就是程序员精神，他是与众不同的，你能明显感觉的到。&lt;/p&gt;&#xD;
&lt;p&gt;3、我平时个人阅读的杂志是《程序员》，里面有很多前沿技术趋势介绍。还有《创业家》和《IT经理世界》，有很好的IT应用。&lt;/p&gt;&#xD;
&lt;p&gt;不过作为我个人，在技术上我是一直关注数据架构层和中间架构层，我对前端架构和设计没有经验。在业务上，我一直关注产业链、产业集群、供应链、生产序列分解、轻公司、互联网生活服务/互联网营销/互联网客户关系社区。&lt;/p&gt;&#xD;
&lt;p&gt;最后一句话：&lt;/p&gt;&#xD;
&lt;p&gt;美到极致是疯狂。希望大家在平时工作中开发每一个产品时，都能暗下决心：It's My Baby!&lt;/p&gt;&#xD;
&lt;p&gt;对，它就是你创造的孩子，你要用心去雕琢它呵护它。&lt;/p&gt;&lt;img src="http://www.cnblogs.com/justinw/aggbug/1886227.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/justinw/archive/2010/11/24/1886227.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/justinw/archive/2010/11/05/1870050.html</id><title type="text">[职业生涯]你和你的工作</title><summary type="text">这篇文章很好，摆正心态，辩证地去看，去思考，也许非常有用！</summary><published>2010-11-05T08:05:00Z</published><updated>2010-11-05T08:05:00Z</updated><author><name>Justin</name><uri>http://www.cnblogs.com/justinw/</uri></author><link rel="alternate" href="http://www.cnblogs.com/justinw/archive/2010/11/05/1870050.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/justinw/archive/2010/11/05/1870050.html"/><content type="html">&lt;p&gt;&lt;strong&gt;&lt;span style="font-size: 14pt;"&gt;这篇文章很好，摆正心态，辩证地去看，去思考，也许非常有用！&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~&lt;/p&gt;&#xD;
&lt;p&gt;源文：&lt;a onclick="pageTracker._trackPageview('/outgoing/youtheuser.com/2010/10/04/you-and-your-job/?referer=http%3A%2F%2Fcoolshell.cn%2Farticles%2F3218.html');" href="http://youtheuser.com/2010/10/04/you-and-your-job/"&gt;http://youtheuser.com/2010/10/04/you-and-your-job/&lt;/a&gt;，有人说下面的这个文章太过Crazy，有人说下面的这个文章是猎头的软文，你换工作换得越多，他们才能越挣钱。我的观点的，先别否定他的观点，试着去理解一下为什么他要这么说，你会发现还有一些道理的。然后，想一想，自己需要的是什么？一份工作？还是一份经历？还是不断的自我挑战？相信你会有知道该怎么去做的。当然，&amp;ldquo;离职&amp;rdquo;是最后一步棋，在此前，我更希望你能尝试地在你现在工作环境下去改变去影响。&lt;/p&gt;&#xD;
&lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;&#xD;
&lt;p&gt;&amp;ldquo;The role of a manager should be to ensure that those that work for him/her eventually leave and go onto bigger and better things&amp;rdquo; &amp;mdash; &amp;nbsp;Mark Plant&lt;/p&gt;&#xD;
&lt;/blockquote&gt;&#xD;
&lt;p&gt;如果你对你的工作不高兴&amp;mdash;&amp;mdash;离开，如果每天早上你对你的工作没有激情&amp;mdash;&amp;mdash;无论你在干什么你都要停下来。&lt;/p&gt;&#xD;
&lt;p&gt;因为这就是我们赖以生存的东西。&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;如果你的工作没有挑战性 &amp;ndash; leave.&lt;/li&gt;&#xD;
&lt;li&gt;如果你在混你的工作 &amp;ndash; leave.&lt;/li&gt;&#xD;
&lt;li&gt;如果你觉得现在不辛苦而又感到压力大 &amp;ndash; leave.&lt;/li&gt;&#xD;
&lt;li&gt;如果你完全知道你现在正在做的所有一切的事 &amp;ndash; leave.&lt;/li&gt;&#xD;
&lt;li&gt;如果你没有得到足够多的失败&amp;ndash; leave 并到找一个地方可以让你获得成功前的失败。而当你发现你天天都在成功 &amp;ndash; leave again.&lt;/li&gt;&#xD;
&lt;li&gt;如果你觉得你很成功 &amp;ndash; leave 然后去找某个事或某个地方你不会那么成功，而当你又觉得你又很成功了 &amp;ndash; leave again.&lt;/li&gt;&#xD;
&lt;li&gt;如果所有的人都喜欢你并喜欢和你一起工作 &amp;ndash; leave 然后去某个地方，那里的人并不喜欢你（然后你让他们喜欢你）。&lt;/li&gt;&#xD;
&lt;li&gt;如果你的工作就像是赢奖品一样，并且你总是能赢 &amp;ndash; leave 然后找个地儿，那里的人总是赢不了什么。帮他们扭转局面。&lt;/li&gt;&#xD;
&lt;li&gt;如果你认为你知道产品的所有的内在的东西 &amp;ndash; leave 然后找一个你不知道的产品。&lt;/li&gt;&#xD;
&lt;p&gt;&lt;span id="more-3231"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;li&gt;如果你认为你明白你所有影响力的价值所在，并觉得你已挑战过所有你可以找到的方面 &amp;ndash; leave 然后找个地儿，在那里有不同的甚至你不了解的能影响你的人或事。&lt;/li&gt;&#xD;
&lt;li&gt;如果你的经理不能影响你最终去成就更大更好的事情 &amp;ndash; leave.&lt;/li&gt;&#xD;
&lt;li&gt;如果有人妨碍你的进步（无论是内部的还是外部的） &amp;ndash; leave.&lt;/li&gt;&#xD;
&lt;li&gt;如果有人正试图让你呆在你的工作里不要改变 &amp;ndash; leave.&lt;/li&gt;&#xD;
&lt;li&gt;如果你的经理正试图让你留下，但他并不是一个好的经理 &amp;ndash; leave.&lt;/li&gt;&#xD;
&lt;li&gt;如果日子过得很顺，并且那里有太多的时候可以闲扯（或是你身边都是有太多时间闲扯的人）&amp;ndash; leave.&lt;/li&gt;&#xD;
&lt;li&gt;如果你没有和哪些和你一样在团队工作和协作方面投入相应的思考和精力的人一起工作 &amp;ndash; leave 并去寻找这些人&lt;/li&gt;&#xD;
&lt;li&gt;如果那里有这样一种文化&amp;mdash;&amp;mdash;靠加钱来说服别人留下 &amp;ndash; leave. （&lt;a href="http://coolshell.cn/" target="_blank"&gt;译注&lt;/a&gt;：这样的Culture必然造就不公平）&lt;/li&gt;&#xD;
&lt;li&gt;如果那里有一种商业文化阻止人不能为竞争对手工作 &amp;ndash; leave.（&lt;a href="http://coolshell.cn/" target="_blank"&gt;译注&lt;/a&gt;：《保密协议》里应该限制的是内容，而不是人身自由）&lt;/li&gt;&#xD;
&lt;li&gt;如果你工作的那个地方有一个商业文化试图让竞争对手失败 &amp;ndash; leave. （&lt;a href="http://coolshell.cn/" target="_blank"&gt;译注&lt;/a&gt;：人个理解竞争不是让对手失败，而是比对手做得更好）&lt;/li&gt;&#xD;
&lt;li&gt;如果那里没有一种文化（或是一种理解），其可以帮助优秀的人和那些工作不是太好的人去创造好的工作关系，并让他们可以很好的工作在一起 &amp;ndash; leave.&lt;/li&gt;&#xD;
&lt;li&gt;如果那里的文化并不理解，良好工作关系间的紧密程度能够造就更好的产出 &amp;ndash; leave.&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;我觉得作者所说的leave，应该是离开这个事，这个团队，而不完全是离开这个公司。我个人对上述的21条中的某些条觉得非常认同，比如：1，8，11，12，15，16，17。&lt;/p&gt;&#xD;
&lt;p&gt;（全文完）&lt;/p&gt;&#xD;
&lt;p&gt;译文地址：http://coolshell.cn/articles/3231.html&lt;/p&gt;&lt;img src="http://www.cnblogs.com/justinw/aggbug/1870050.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/justinw/archive/2010/11/05/1870050.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/justinw/archive/2010/11/05/1870029.html</id><title type="text">[转]技术文化和惨淡命运 — 怀念中国雅虎</title><summary type="text">这是一篇值得我们技术人思考的文章，写的太好了，故转过来希望能被更多的人看到！</summary><published>2010-11-05T07:58:00Z</published><updated>2010-11-05T07:58:00Z</updated><author><name>Justin</name><uri>http://www.cnblogs.com/justinw/</uri></author><link rel="alternate" href="http://www.cnblogs.com/justinw/archive/2010/11/05/1870029.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/justinw/archive/2010/11/05/1870029.html"/><content type="html">&lt;div &gt;&#xD;
&lt;p&gt;很早就想写这么一篇文章了。我离开中国雅虎已经一年有余，在中国雅虎工作的那段时光是我最珍贵的回忆之一，和以前的同事吃饭聊天的时候也经常会怀念一下中国雅虎，怀念得多了，就觉得不如写篇文章好好回顾一下。很多事情虽然已经过去，但有些话不说出来，到底意难平。&lt;/p&gt;&#xD;
&lt;p&gt;从2008年7月份毕业之后加入了中国雅虎，到2009年9月份跟着中国雅虎工程技术部全体人员&amp;ldquo;&lt;strong&gt;被跳槽&lt;/strong&gt;&amp;rdquo;到淘宝，我在中国雅虎只呆了一年多的时间。这个时间并不长，甚至可以说短得可怜，所以我或许不是写这篇文章的最佳人选。但是，中国雅虎给我的是人生第一份工作，凭着初生牛犊对社会的好奇心，我对公司的文化、技术、架构、流程包括产品设计等各个方面都有浓厚的兴趣和广泛的了解，从这个方面来说，由我来写这篇文章也是合适的。而且最重要是，我愿意把它们写出来。&lt;/p&gt;&#xD;
&lt;p&gt;在进入正文之前，先开诚布公地声明一下：众所周知，中国雅虎是阿里巴巴的一个子公司，所以文中我也不必遮遮掩掩地用&amp;ldquo;某电子商务公司&amp;rdquo;来代替。而且我对阿里巴巴这个&lt;strong&gt;公司&lt;/strong&gt;有意见，不代表我对阿里巴巴的&lt;strong&gt;员工&lt;/strong&gt;有意见，如果伤了某些人的感情，先说声抱歉，请您发扬一下风格，在这里也&amp;ldquo;&lt;a href="http://wenwen.soso.com/z/q185137700.htm" target="_blank"&gt;拥抱变化&lt;/a&gt;&amp;rdquo;一下。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;正文：&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;我在 2007 年底通过校园招聘拿到了中国雅虎的 offer ，但实际上在我2008年7月份入职的时候，中国雅虎的品牌虽然还在，公司却已经在7月9日&lt;a href="http://www.yseeker.com/archives/890.html" target="_blank"&gt;和口碑网合并&lt;/a&gt;了，改名叫做&amp;ldquo;雅虎口碑&amp;rdquo;。尽管这样，到现在为止我还是厚着脸皮说自己原来是雅虎的，因为那里让我着迷和真心喜欢的东西全部都是紫色的，而不是橙色的。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;雄厚的技术实力&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;中国雅虎最好的一个地方就是它和 Yahoo! 全球共享同一个技术平台，那是一个有十几年历史的技术平台。Yahoo! 的技术文化不如 Google 的工程师文化那么有名，但 Yahoo! 在相当长的一段时间内都是互联网的旗帜，吸引了全球大量的技术牛人加入，Yahoo! 的技术平台就是他们的知识、经验和心血日积月累的成果。尽管阿里巴巴收购了中国雅虎，但是在技术方面并没有对中国雅虎做出太大的改造（幸好没有改造），所以就工程师来说，每天更多接触到的还是 Yahoo! 的东西，而不是阿里巴巴的东西，对我影响最大的也正是这些东西。&lt;/p&gt;&#xD;
&lt;p&gt;一、Linux 和开源文化&lt;/p&gt;&#xD;
&lt;p&gt;之前一个中国雅虎的同事，他是工作了几年之后才来中国雅虎，有一次他说：&amp;ldquo;雅虎是我见过的最尊重 Linux 的一家公司&amp;rdquo;。什么叫做尊重 Linux 呢 ？ 不是在服务器上装个 Linux 跑 Apache 就叫做尊重 Linux 。在雅虎很多同事日常都使用 Linux 操作系统办公，即使有一些人使用 Windows, 也都是使用 pietty 或者 Xshell 等工具远程连接到开发机器上使用 VIM 做开发。不只是日常工作，在雅虎全球的技术体系中，产品的上线和发布也都借鉴了 Linux 包管理的方式：所有的产品都会被打成包放在一个专门的服务器上，产品的部署和升级就变成了简单的装包操作，绝对不会出现最后上线的时候文件路径出错等低级问题。Yahoo! 的技术平台是深深扎根于 Linux 和开源文化的。&lt;br /&gt;&lt;br /&gt;大型互联网公司一般都会使用开源的产品，同时也向社区贡献代码。Google 和 Facebook 经常将自己研发的成熟产品开源，Yahoo! 当然也不例外。而且 Yahoo! 不仅仅给社区贡献代码，它在设计方面也拥抱了开源文化，将多年研究总结的&lt;a href="http://developer.yahoo.com/ypatterns/" target="_blank"&gt;设计模式&lt;/a&gt;库共享了出来。在 Yahoo! 内部，很多代码都是存放在 CVS 里面的，并没有限制读的权限，任何员工都可以查看里面的代码，这对于那些小团队内部代码都不敢共享防员工如防贼的公司来说应该是非常不可思议的。另外， Yahoo! 的工程师也经常出现在各种技术会议上，分享自己项目的架构、流程和经验。虽然这些更多都是 Yahoo! 全球技术团队做的事情，但是对于他们那种开放共享的精神我们是非常认同并且向往的，你会觉得做一个工程师很自豪，而不会觉得自己是民工、做技术没前途。这种认同感和成就感乍看上去没什么，但实际上它决定了你对技术的追求和态度，也会影响你以后在职业上的选择。&lt;/p&gt;&#xD;
&lt;p&gt;二、浓厚的技术氛围&lt;/p&gt;&#xD;
&lt;p&gt;虽然2008年的时候中国雅虎已经被折腾得快不像样了（这点后面细说），不过那个时候还是有浓厚的技术氛围的。让我印象深刻的一件事情是 Google Chrome 浏览器刚发布的时候，大家都立刻下载下来使用，但由于公司内网的一些问题无法打开网页。当我正打算把 Chrome 卸载了的时候，忽然发现公司邮件列表里面已经有人发邮件给出了详细的解决方案。从这件小事可以看出公司大部分工程师都不是那种只知道完成工作的人，而是随时关注新技术和业界动态的人。当时中国雅虎还是有很多牛人没有离开，大家也喜欢在邮件列表里面谈论技术，经常能看到精彩的讨论和解答。最让我兴奋的是，无论我遇到什么技术问题都不用慌张，即使无法 Google 到答案也可以从同事那里获取到帮助，而且大家也愿意回答技术问题，这对于我这样一个基础很差技术又烂的菜鸟来说真是天大的福气。&lt;/p&gt;&#xD;
&lt;p&gt;中国雅虎还有做技术分享的文化，如果有哪位同事想要分享一下最近学习到的技术，就可以自己预订一个会议室然后向所有的工程师发送会议邀请，有时候还会有一系列非常系统的课程，我就参加过长达十几个课时的 UED 培训，完全改变了我对 Web Develop 的认识。很多公司应该都鼓励员工做技术分享，但在中国雅虎几乎每次技术分享都会把会议室坐的满满当当，可见大部分工程师都还是想要不断提高自己的技术能力。直到离开雅虎之后我才明白这种普遍的学习热情有多么难得。我想，业界之所以到处流传着&amp;ldquo;程序员做到30岁最好转管理&amp;rdquo;之类的忠告，应该就是因为大部分公司都缺乏这种良好的技术氛围吧。&lt;/p&gt;&#xD;
&lt;p&gt;三、庞大的知识库&lt;/p&gt;&#xD;
&lt;p&gt;入职的前几天，我每天的工作就是看文档，不是类似&amp;ldquo;PHP技术手册&amp;rdquo;那种文档，而是一些 Yahoo! 内部的工具手册。Yahoo! 内部的文档非常齐全和详细，光是 Yinst 这款工具的使用手册就长达几十页。Yahoo! 内部是用 &lt;a href="http://twiki.org/" target="_blank"&gt;Twiki&lt;/a&gt; 做知识管理的，这个知识库经过十多年的积累已经非常庞大，从入门到提高，从 PHP 到 C ，从前端到后端&amp;hellip;&amp;hellip;应有尽有，而且几乎 Yahoo! 全球所有子公司的技术资料都是开放浏览的，没有任何乱七八糟的权限设置和保密限制。有这么一个宝藏在，再加上好的学习氛围，如果你想要提高自己的能力的话，总是可以提高。当初我想从 PHP 工程师转做 Web Developer 的时候，就先把 Twiki 上 UED 部门的所有资料看了一遍，受益匪浅。&lt;/p&gt;&#xD;
&lt;p&gt;国内大部分互联网公司都是没有太多技术积累的，因为大部分产品的开发都只追求开发速度，并不会特别追求技术上的极致，就更不要提文档这种东西了。也正因为如此，从中国雅虎出来看到其它公司的知识库的时候总有不过瘾的感觉，可能也只有像 Google, 微软和 Facebook 这样的公司才会有像 Yahoo! 那样的知识库吧。在和之前一些同事吃饭聊天的时候，大家也总是会怀念那个无所不包完全开放的 Twiki ，好像少了一个忠实的朋友一样。我们由衷地尊敬那些在完成工作之余还愿意总结项目经验并花时间写 Twiki 的工程师们。&lt;/p&gt;&#xD;
&lt;p&gt;四、完善的流程&lt;/p&gt;&#xD;
&lt;p&gt;第一次参与项目开发的时候，我的 Leader 领了一个 MM 过来说：&amp;ldquo;这位是项目的 QA 负责人&amp;rdquo;，我当时愣了一下：&amp;ldquo;呃&amp;hellip;&amp;hellip; QA 是做什么的？&amp;rdquo; 尽管在大学里我也在实验室做过一些项目，但那些项目基本上都是我自己负责所有的事情，完全没有分工和流程的概念，所以也不知道 QA 是负责产品测试工作的。进入中国雅虎之后，我才第一次接触到商业产品的开发流程，不过由于那个时候中国雅虎已经半死不活，我也没有受到有关流程的入职培训，以至于在做了好几个项目之后才真正熟悉了完整的流程。&lt;/p&gt;&#xD;
&lt;p&gt;中国雅虎的开发流程沿袭了 Yahoo! 的开发流程，乍看之下很平常，对于已经熟悉的工程师来说还显得枯燥，但后来我特别留心了这套流程之后，非常惊奇于它的严谨和高效，所以这里要详细说明一下。Yahoo! 的内部生产线分为三个相互独立的环境：开发环境、测试环境和生产环境（即线上环境）。这三个环境虽然独立，但它们的配置都会尽量保持一致，这样就可以保证开发完成的产品不会因为环境不同而出现问题。在开发的时候，我们会在开发环境中搭建虚拟环境，开发完毕之后开发工程师会自己在虚拟环境里面测试，保证没有大的问题，然后就会把所有相关文件打包上传到雅虎全球统一放置产品包的地方。上传完毕之后，就会发邮件通知 QA 部门相关人员，邮件内容里面要写明产品在测试环境的部署步骤：需要安装哪些包、是否需要修改数据库等等。然后 QA 就会开始测试，如果发现 BUG 就会写到 Bugzilla 中，指派给相应的开发工程师，开发工程师就会在开发环境中定位BUG并修正，修正一些BUG之后就会再次打包升级产品的版本，然后QA 会将新的软件包部署到测试环境验证之前的 BUG 并报告新的 BUG 。整个测试过程中可能要发布好多个版本，直到所有 BUG 被修正为止。修正完毕所有的 BUG 之后，开发工程师就会填写上线申请，Ops 看到申请之后就会安排一个时间把产品部署到生产环境。一般来说，生产环境不止会有一台机器，所以 Ops 会先从生产环境摘下一台机器部署，部署完毕之后会告知 QA 和开发工程师，然后 QA 和开发工程师就会修改 Hosts 文件，配置域名指向那台机器进行线上的测试，如果测试没有问题，那么就会把软件包部署到生产环境中所有的机器上，完成上线；否则就进行回滚，取消这次上线，也不会影响到线上的用户。&lt;/p&gt;&#xD;
&lt;p&gt;整个流程大概就是这样，但是要特别注意的是以下几点：1. 开发工程师只能接触开发环境。他所能做的就是在开发环境中开发、改 BUG 和打包上传。如果他去测试环境中修改 BUG，就很有可能忘记修改开发环境中的相应代码，这可能会导致产品测试通过但是上线之后却发现大的问题。 2. 产品&amp;ldquo;封版&amp;rdquo;之后就不可以做任何改动，如果有改动，即使只改动了一点所有功能也要重新测试一遍。所有的 BUG 都修改完毕之后的那个版本就会进行&amp;ldquo;封版&amp;rdquo;，那就标志着这个产品随时可以准备上线了。如果真的发现了新的 BUG 要修改的话，那么修改之后就需要重新打包重新走一遍完整的测试流程，只有这样才能够保证就算修改代码过程中引入了新的 BUG 也不会被遗漏。 3. 上线手册要详细。开发工程师要详细写明每一个步骤，不只是说明性的文字，还要把具体的安装和修改命令完整地放上去，如果写得好的话，那么 Ops 的同事只需要把上线手册里面的命令逐行复制到服务器上运行就可以完成上线。&lt;/p&gt;&#xD;
&lt;p&gt;这样的流程有什么好处呢？ 首先，它最大地降低了上线风险。因为开发工程师不能接触到测试环境，只能打包让QA测试，所以完整经过测试的产品上线之后基本不会有什么问题，况且上线的时候我们也要先部署到一台机器上进行测试之后才会决定是否上线，即使上线不成功也可以在不影响用户的情况下回滚。中国雅虎的上线极少会出现问题，很多时候我们上线到半夜只是因为那个时间段用户访问量最小，而不是说焦头烂额地忙活几个小时一直到半夜才上线成功。其次，它使得各个部门职责分明。开发工程师和 QA 通过 Bugzilla 沟通，和 Ops 通过上线手册沟通，因为沟通渠道唯一而且清晰，所以就可以完全责任到人，出了问题也很容易定位到具体环节。比如说，如果产品测试通过之后在上线的时候出现了问题，那么基本就可以确定是 Ops 操作失误或者上线手册没有写好。职责分明之后很多事情也变得有条理，大家就可以各司其职、专注本职工作并且合作愉快，开会的时候也可以明确知道需要哪些人参加。&lt;/p&gt;&#xD;
&lt;p&gt;完善、清晰的流程从根本上解决了一些问题，创建了一个非常好的环境，这样我们就可以把心思都放在如何开发和测试上面，而不用担心诸如&amp;ldquo;如何上线才能不出错&amp;rdquo;等琐碎的事情。所以尽管中国雅虎的高层那么不靠谱，我工作得还是很开心，因为这个流程保证了管理层再怎么乱开发也不会乱。记得那时候很喜欢改 BUG ，有时候改得兴起会把之前版本遗留的 miss BUG 一并改掉，加班也是颇有兴致，不是很能明白为什么网上大部分程序员讨厌加班讨厌得要死。现在我明白了。&lt;/p&gt;&#xD;
&lt;p&gt;五、自动化工具&lt;/p&gt;&#xD;
&lt;p&gt;工欲善其事，必先利其器。如果没有那么多好用的自动化工具，那么 Yahoo! 的流程就不可能如此完善。Yahoo! 内部有很多非常好用的工具，而且这些工具都有非常齐全的文档，也可以在 Twiki 上找到不少相关资料。这些工具之所以在 Yahoo! 会起到那么大的作用，是因为 Yahoo! 全球所有的技术团队都在使用它们，Yahoo! 所有的服务器上也是默认安装了这些工具。这些工具就形成了一套全球 Yahoo! 工程师通用的话语体系，可以想象它们帮助 Yahoo! 节省了多少沟通成本。&lt;/p&gt;&#xD;
&lt;p&gt;由于考虑到服务器的安全问题，Yahoo! 的这些工具的使用方法是对外保密的，这里我只简单说一下 Yinst 这款工具的强大。假如要把软件包 example_1_1_0.tar.gz 部署到 a1.yahoo.com ~ a10.yahoo.com ，那么只需要下面这样一行命令：&lt;/p&gt;&#xD;
&lt;p&gt;yinst install example_1_1_0.tar.gz -h a[1-10].yahoo.com&lt;/p&gt;&#xD;
&lt;p&gt;就可以完成整个上线过程。由于好奇的缘故，在上线的时候我比较喜欢跑到 Ops 那边看他们是如何操作的，然后发现其实他们在上线过程中执行的命令很少。因为工具好用，所以产品极少因为 Ops 这个环节出现问题，上线就变成一件比较轻松的事情。&lt;/p&gt;&#xD;
&lt;p&gt;中国雅虎的产品和业务确实不好，搜索不如百度，新闻不如三大门户，&amp;ldquo;雅虎助手&amp;rdquo;是人人皆知的流氓软件，邮箱也出过丑闻，而且被 Gmail 和 QQ 邮箱远远抛在后面。中国雅虎最广为人知的也都是这些不光彩的事情，但这里我想让很多人知道，对于一个对技术还有追求的工程师来说，当时的中国雅虎真的是一个很好的工作环境。至少对于我自己来讲，我从 Yahoo! 学到了太多太多的好东西，而且这些东西还只是 Yahoo! 精华中的一小部分，如果不是阿里巴巴集团战略调整，我一定会在中国雅虎多呆两年。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;中国雅虎之死&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;有个同事曾经说过：中国雅虎就是中国互联网的黄埔军校。虽然别的老牌互联网公司也为行业培养了不少人才，但是没有一个公司像中国雅虎这么悲情。很多中国雅虎的员工离职不是自己想走，而是不得不走，看着原来好好的一个公司变得完全没有前途，只好选择离开。&lt;/p&gt;&#xD;
&lt;p&gt;关注互联网的人应该都知道，在 2005 年的时候，阿里巴巴收购了中国雅虎的全部资产，并享有雅虎品牌及技术在中国的独家使用权。中国雅虎尽管之前也一直水土不服，但被阿里巴巴收购之后悲惨命运才刚刚开始。&lt;/p&gt;&#xD;
&lt;p&gt;关于中国雅虎的折腾史，大家可以去看一下&lt;a href="http://www.techweb.com.cn/column/2009-12-11/494511.shtml" target="_blank"&gt;这篇文章&lt;/a&gt;，里面说的已经很详细。从网站的变化就可以看出中国雅虎的摇摆不定，在阿里巴巴入主的这 4 年来，中国雅虎就换了 5 任总裁，每位新官上任后都会颁布新的战略，网站也会随之大变脸。&amp;ldquo;治大国若烹小鲜&amp;rdquo;，这么简单的道理我相信阿里巴巴的高层不可能不明白，就算大象可以跳舞，中国雅虎的舞姿是不是也太难看了点？由此可见，中国雅虎在阿里巴巴集团内部就是一个鸡肋，一个可有可无的品牌。&lt;/p&gt;&#xD;
&lt;p&gt;有一件事情完全可以说明马云对中国雅虎的态度。约在 2007 年前后，马云对雅虎中国资产进行了大幅度调整。在此期间，雅虎相册宣布关闭，从发出通知到服务关闭，前后不到 20 天。这种缺乏对用户起码的尊重的行为，导致相当一部分中国用户失去了存储其中的照片。而且它引发的用户对雅虎品牌的失望和不信任，对雅虎来说更是难以挽回的损失。大家都知道，&amp;ldquo;客户第一&amp;rdquo;一直都是阿里巴巴宣扬的核心价值观，难道雅虎相册的用户就不是客户？到底是马云铁了心要把雅虎品牌搞砸呢还是所谓的价值观只是口号？或者是两者皆有？&lt;/p&gt;&#xD;
&lt;p&gt;这几年中国雅虎的历史就是逐渐被瓜分的历史：搜索团队被调走，于是有了后来的淘宝网搜索引擎；&lt;del datetime="2010-11-02T06:40:06+00:00"&gt;IM 团队被独立出去，于是有了后来的阿里旺旺&lt;/del&gt;（有人提醒我说阿里旺旺早就有了，这点我没有查证，十分抱歉，我是摘自&lt;a href="http://www.techweb.com.cn/column/2009-12-11/494511.shtml" target="_blank"&gt;这篇文章&lt;/a&gt;：&amp;ldquo;随后，雅虎的搜索和IM技术团队流入阿里，并为后者孵化出淘宝网搜索引擎以及阿里旺旺两个产品。&amp;rdquo;）；挖走了广告搜索团队，于是有了后来的阿里妈妈；口碑网发展得不好，于是中国雅虎和口碑网合并，利用中国雅虎的品牌和技术支持口碑网；最后，中国雅虎的整个工程技术部都注入淘宝，原来的主要业务&amp;ldquo;雅虎关系&amp;rdquo;直接关闭并且推荐用户使用淘宝网的&amp;ldquo;淘江湖&amp;rdquo;。时至今日，中国雅虎已经气息奄奄，再无回天之力了。&lt;/p&gt;&#xD;
&lt;p&gt;我经常觉得，恩，马总在下一盘很大的棋，我们这些普通员工是不明白的。不然为什么&amp;ldquo;搞死中国雅虎&amp;rdquo;这个庞大的项目规划和施行得这么好？还是阿里巴巴一直在用实际行动考验中国雅虎员工的价值观呢？而且颇具讽刺意味的是，尽管马云费尽心思拿到了中国雅虎的搜索资源，最近却又和微软的 Bing 合作推出了 Etao 搜索，当初的那些搜索资源都用来做什么了呢？&lt;/p&gt;&#xD;
&lt;p&gt;还有一点不得不提的是中国雅虎和阿里巴巴之间的文化冲突。阿里巴巴一直都不能算一个真正的互联网公司，它只是以互联网作为工具，大部分业务的进行还是靠线下的销售。阿里巴巴最重视的是销售部门，整体的文化是销售文化，它所取得的成功也都只是商业上的成功，这也就从根本上决定了它不可能像 Google, Yahoo! 和 Facebook 等这些真正的互联网公司具有理想主义色彩，也不可能成为优秀工程师向往的地方。马云自己也经常放言说要&amp;ldquo;超越沃尔玛&amp;rdquo;，从来没有说过要超越 Google 之类的话，因为根本不在同一个领域，阿里巴巴更像一个传统的商业公司。我并不是说做电子商务的公司就不算互联网公司，同样是做电子商务，Amazon 就是互联网行业的领头羊，它非常重视技术，还是最早提供云计算服务的公司，它就是一家真正的&amp;ldquo;&lt;a href="http://blog.donews.com/keso/archive/2008/11/25/1387551.aspx" target="_blank"&gt;IT公司&lt;/a&gt;&amp;rdquo;。&lt;/p&gt;&#xD;
&lt;p&gt;而中国雅虎的技术资产全部来自美国 Yahoo! ，工程技术部也继承了 Yahoo! 的&amp;ldquo;技术文化&amp;rdquo;。&amp;ldquo;技术文化&amp;rdquo;偏重简单实用、冷静思考和解决问题；而&amp;ldquo;销售文化&amp;rdquo;则重视加油鼓劲，更喜欢喊口号，越热闹越好。我承认这两种文化都有它们的合理之处，但是强迫工程师接受那种&amp;ldquo;销售文化&amp;rdquo;就会有很多矛盾出现。阿里巴巴内部有时候玩得还比较过火，跳钢管舞倒也算了，但很多时候做游戏会直接让一个同事站到前面，然后轮流问他诸如&amp;ldquo;第一次用了多长时间&amp;rdquo;之类的问题。并不是所有人都喜欢这么玩儿的，&amp;ldquo;贱文化&amp;rdquo;和&amp;ldquo;骚文化&amp;rdquo; 的最大一个弊端就是很容易引起一些人的反感让他们觉得被侮辱，而公司不是经常倡导要对人才各尽其用么？为什么要用这样的文化把一些&amp;ldquo;思想保守&amp;rdquo;的人驱逐出去呢？我就听说过一些非常优秀的工程师因为这些东西而坚决不去参加公司的培训和集体活动，中国雅虎的很多人应该也是因为无法适应这种&amp;ldquo;销售文化&amp;rdquo;而出走的。&lt;/p&gt;&#xD;
&lt;p&gt;另外，当年和我一起通过校园招聘来到雅虎本来有不少人，在 2008 年 3 月份的时候我们还曾一起在北京参加了一个叫做&amp;ldquo;集结号&amp;rdquo;的新人培训。不过在我入职之后发现，有几个人直接被调动到了阿里巴巴在杭州的其它子公司，还有几个做搜索的同学虽然人在北京，签的却不是雅虎，而是什么&amp;ldquo;阿里巴巴集团搜索事业部&amp;rdquo;&amp;mdash;&amp;mdash;当时雅虎的搜索部门已经被独立出去了。之后我也和那些最终没有来雅虎的同事聊过，他们都表示很郁闷，表示自己并不是很情愿去其它公司。这件事情让我感到很气愤，明明大家都是冲着中国雅虎来应聘的，为什么在发放 offer 之后又进行调动呢？当然，阿里巴巴肯定是做了一些说服工作让那些同事&amp;ldquo;自愿&amp;rdquo;服从调动的，但是那个刚好出现了金融危机工作比较难找，其它公司的招聘也早已结束，而且大家都是初出茅庐的学生，能不服从么？ 那几个同事也实在是太光荣了，刚入职就完美表现了自己&amp;ldquo;拥抱变化&amp;rdquo;的价值观，&lt;a href="http://www.zhuoqun.net/html/y2010/1503.html"&gt;KPI&lt;/a&gt; 应该给五分。&lt;/p&gt;&#xD;
&lt;p&gt;不只是新入职的员工，因为中国雅虎的业务变化频繁，平时也经常会出现内部调动，而中国雅虎在北京，调动的话就很有可能需要去杭州，这对于很多已经在北京安家的同事来说并不是一件小事。但不服从调动，就是价值观有问题。五十六种语言，汇成一句话：拥抱变化拥抱变化拥抱&amp;mdash;&amp;mdash;变化。&lt;/p&gt;&#xD;
&lt;p&gt;在写这篇文章的时候，我不断提醒自己：我的目的是要让大家了解一下中国雅虎，千万不要写成针对阿里巴巴的檄文。但真实情况确实是那个样子，很多事情也是人人皆知，无法绕过去不说。相信很多人都还记得中国雅虎首页的那次糟糕的改版，把原来清爽干净的页面改成了&lt;a href="http://www.yseeker.com/archives/890.html" target="_blank"&gt;屎黄色&lt;/a&gt;，据说这是当时的 CEO 金同学坐在设计师旁边亲自指导的结果。如果一个乡镇企业的老板非要外包公司的设计师把网页做成他想要的也罢了，但作为一个缺乏审美能力的 CEO 居然连&amp;ldquo;把设计的工作交给设计师&amp;rdquo;的觉悟都没有，实在让人觉得不可思议。就算是一心想要&amp;ldquo;去雅虎化&amp;rdquo;，也没有必要这么羞辱设计师们吧？&lt;/p&gt;&#xD;
&lt;p&gt;不知道为什么，有些东西不用每天灌输也深得大家认同，怎么折腾都无法斩草除根。我在雅虎的时候从来没有任何一个人和我们说&amp;ldquo;你们要热爱雅虎，要以雅虎为荣&amp;rdquo;之类的话，但是每次公司给员工发放印有雅虎 LOGO 的杯子或者背包的时候，大家总是一哄而上，疯抢干净。在中国雅虎和口碑网合并之后，因为担心以后再也领不到雅虎 LOGO 的笔记本等文具，不少同学都开始申请办公用品留作纪念。由这些事情就可以看出工程师们认同的到底是哪一种文化，大家自然会用脚投票。这些事情甚至让中国雅虎的一些非工程师同事也觉得难以理解。这种生命力强劲的外来文化可能也是阿里巴巴一直不满中国雅虎的原因。&lt;/p&gt;&#xD;
&lt;p&gt;真正的开放应该是同事之间开诚布公、乐于分享和坦然接受批评，而不是不分场合地讲荤段子，不是让别人站到前面然后问别人&amp;ldquo;第一次用的是什么姿势&amp;rdquo;；真正的&amp;ldquo;员工第二&amp;rdquo;是站在员工立场上考虑问题、虚心听取员工提出的问题，而不是在员工有意见的时候首先进行价值观教育，不是强迫员工拥抱不可理喻的变化；真正的对&amp;ldquo;用户体验&amp;rdquo;的重视是尊重用户、切身考虑用户感受，不是在年会上把某个子公司的总裁骂哭，不是为了巨额广告费用而在首页做弹窗，不是让员工为了 KPI 每隔几个月就想着改版；真正的&amp;ldquo;幸福感&amp;rdquo;是来自于发自内心的对公司的认同、对公司产品的成就感，而不是来自于整齐划一的口号和对某个人的崇拜，也不是来自于被灌输的&amp;ldquo;换个角度看世界&amp;rdquo;。脱离了原本的初衷，就算宣传得再好口号喊得再响亮，也不过是看上去很美的空洞的形式主义，这样的公司有什么底气去做&amp;ldquo;百年公司&amp;rdquo;呢？&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;技术的悲哀&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;有着世界级的研发实力却不得不悲惨收场，我想再没有人比中国雅虎的工程师更能强烈地意识到技术所能决定的事情实在是太少太少。在中国，互联网&lt;a href="http://blog.donews.com/keso/archive/2010/09/06/1583597.aspx" target="_blank"&gt;只是一个营销工具&lt;/a&gt;，&amp;ldquo;技术改变世界&amp;rdquo;也不过是一个笑话。那些商人们从来不相信&amp;ldquo;一个优秀的程序员抵得上一百个平庸的程序员&amp;rdquo;，却虚伪地把&amp;ldquo;我不懂技术但是尊重技术&amp;rdquo;挂在嘴边；他们整日想的不是创造价值，而是如何赚更多钱；他们更相信&amp;ldquo;廉价劳动力&amp;rdquo;所带来的成本优势，也总能把&amp;ldquo;技术密集型&amp;rdquo;的公司做成&amp;ldquo;劳动密集型&amp;rdquo;，以至于国内的互联网公司不是山寨就是血汗工厂，雇佣着大批大批会写代码的高级民工。这样的环境和氛围，暂且不说 Google 和 Apple 这样伟大的公司，什么时候我们才能有产生像 &lt;a href="http://37signals.com/" target="_blank"&gt;37Signals&lt;/a&gt; 和 &lt;a href="http://www.omnigroup.com/" target="_blank"&gt;The Omni Group&lt;/a&gt; 那样的小公司的土壤呢？&lt;/p&gt;&#xD;
&lt;p&gt;文章的最后，还是那句老话：他日江湖相逢，再当杯酒言欢。&lt;/p&gt;&#xD;
&lt;p&gt;各位雅虎人，多保重了。&lt;/p&gt;&#xD;
&lt;/div&gt;&lt;img src="http://www.cnblogs.com/justinw/aggbug/1870029.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/justinw/archive/2010/11/05/1870029.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/justinw/archive/2010/09/19/1831302.html</id><title type="text">[jQuery]20+ Brilliant and Advanced jQuery Effects</title><summary type="text">大部分效果都酷毙了！还有Step By Step的教材供参考，喜欢就认真研究一下吧！~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Every new technology has its own comparisons with its competitors as jQuery is closely compared with Flash. Flash was the ...</summary><published>2010-09-19T12:51:00Z</published><updated>2010-09-19T12:51:00Z</updated><author><name>Justin</name><uri>http://www.cnblogs.com/justinw/</uri></author><link rel="alternate" href="http://www.cnblogs.com/justinw/archive/2010/09/19/1831302.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/justinw/archive/2010/09/19/1831302.html"/><content type="html">&lt;p&gt;&lt;span style="font-size: 24pt; color: #0000ff;"&gt;大部分效果都酷毙了！还有Step By Step的教材供参考，喜欢就认真研究一下吧！&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p&gt;~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~&lt;/p&gt;&#xD;
&lt;p&gt;Every new technology has its own comparisons with its competitors as jQuery is closely compared with Flash. Flash was the technology used by many web designers a while ago, but now its the turn of jQuery to add the special effects or interactivity&amp;nbsp;to a website. jQuery makes it easier to create sophisticated custom effects and animations compared to Flash and also jQuery takes a lead when it comes to SEO.&lt;span id="more-25461"&gt;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Some of the stunning effects which jQuery can produce are sliding in different directions, adding ease to animations, effects like flip-in, sorting, zoom-in effects in photos, panning, creating a Photo shoot effect, slider effects and many more.So we present you some of the links that shows you the demos of various brilliant and advanced effects and it gives you a clear picture in itself without the help of any tutor.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;1.&lt;a target="_blank" href="http://demo.tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/demo.html"&gt;Apple like retina effect&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Achieve a retina like effect as found in Apple iPhones with this plugin with jQuery and CSS. This turns the static image into a fully functional &amp;lsquo;Retina Effect&amp;rsquo; i.e place your pointer anywhere in the image and get a zoomed out image of the same within the same page.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://demo.tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/demo.html"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/apple-like-retina-effect.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/apple-like-retina-effect.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;2.&lt;a target="_blank" href="http://aviathemes.com/aviaslider/"&gt;Aviaslider&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;AviaSlider, a slideshow plugin features unique transition effects, includes an image preloader, autoplay and stop, supports linked images and size of only 8 kb works with jQuery lower and higher versions.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://aviathemes.com/aviaslider/"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/aviaslider.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/aviaslider.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;3.&lt;a target="_blank" href="http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation"&gt;Beautiful Background Image Navigation&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;A compact design which includes three options in the form of vertical sliders with a unique background image which navigates with the options is achieved with this jQuery plugin, Beautiful Background Image Navigation.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/BeautifulBackgroundImageNavigation.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/BeautifulBackgroundImageNavigation.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;4.&lt;a target="_blank" href="http://demo.marcofolio.net/bgimg_slideshow/"&gt;Bg image slideshow&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;An advanced background image sideshow featuring big images with changing text and playback controls. This plugin is created with jQuery combined with CSS where transparent PNG&amp;rsquo;s are used to create the see-through effect in the menu and text background.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://demo.marcofolio.net/bgimg_slideshow/"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/bgimg_slideshow.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/bgimg_slideshow.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;5.&lt;a target="_blank" href="http://tympanus.net/Tutorials/BubbleNavigation/"&gt;Bubble Navigation&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;A simple menu which automatically expands in the shape of a bubble and displays the rest of the menu inside it, e.g gallery and prints inside Photos menu is achieved with the help of awesome Bubble Navigation plugin with jQuery.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://tympanus.net/Tutorials/BubbleNavigation/"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/BubbleNavigation.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/BubbleNavigation.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;6.&lt;a target="_blank" href="http://net.tutsplus.com/javascript-ajax/build-a-top-panel-with-jquery/"&gt;Advanced login panel&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;A login form is the most important one in any web design but most of the time it displays the redundant information, here is a jQuery plugin which reveals the self and its content of the top panel only when clicked.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://net.tutsplus.com/javascript-ajax/build-a-top-panel-with-jquery/"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/build-a-top-panel.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/build-a-top-panel.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;7.&lt;a target="_blank" href="http://carrotcreative.com/"&gt;Carrot creative&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Just sit back and enjoy the slideshow with bigger images with Carrot Creative which displays the images as a horizontal slideshow and moves to the next image after a short duration of time automatically.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://carrotcreative.com/"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/carrotcreative.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/carrotcreative.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;8.&lt;a target="_blank" href="http://css-tricks.com/examples/Circulate/"&gt;Circulate&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Circulate, a jQuery plugin make your images circulate around your page. This plugin requires the jQuery library as well as the easing plugin, just include a small piece of code to get the images circulate .&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://css-tricks.com/examples/Circulate/"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/Circulate.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/Circulate.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;9.&lt;a target="_blank" href="http://www.professorcloud.com/mainsite/cloud-zoom.htm"&gt;Cloud zoom&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;A zoom jQuery plugin, Cloud Zoom displays a larger or zoomed out image of the particular area when hovered over the original image. This plugin is much smaller, has more features and has robust compatibility over browsers.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://www.professorcloud.com/mainsite/cloud-zoom.htm"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/cloud-zoo.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/cloud-zoo.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;10.&lt;a target="_blank" href="http://lab.smashup.it/flip/"&gt;Flip box&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Flip, a jQuery plugin is used to flip the elements easily in four directions, top, bottom, left and right. You have to just a small code as in all the plugins and also you could add callbacks.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://lab.smashup.it/flip/"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/flip.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/flip.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;11.&lt;a target="_blank" href="http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.php"&gt;Hovering gallery&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;The hovering image gallery shown here uses the latest jQuery and CSS techniques which scans a folder of images and builds a drag and drop light box gallery around it. Search engine friendly and compatible with browsers.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.php"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/hovering-gallery.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/hovering-gallery.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;12.&lt;a target="_blank" href="http://zendold.lojcomm.com.br/icarousel/example6.asp"&gt;icarousel&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;iCarousel displays the images in a slideshow moving them in a horizontal manner as in a Carousel and this can be used as a Simple New ticker.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://zendold.lojcomm.com.br/icarousel/example6.asp"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/icarousel.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/icarousel.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;13.&lt;a target="_blank" href="http://imageflow.finnrudolph.de/"&gt;Imageflow&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Imageflow, an obtrusive and user-friendly JavaScript image library displays the images in a carousel manner which allows you to see the previous image, current one and next one on the line.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://imageflow.finnrudolph.de/"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/imageflow.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/imageflow.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;14.&lt;a target="_blank" href="http://static.buildinternet.com/live-tutorials/interactive-picture/index.html"&gt;Interactive picture&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;An interactive image which contains tool tips and pop boxes which is shows any particular aspect or a detail of a photo is created with this jQuery slider plugin, Interactive picture.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://static.buildinternet.com/live-tutorials/interactive-picture/index.html"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/interactive-picture.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/interactive-picture.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;15.&lt;a target="_blank" href="http://workshop.rs/projects/jqfancytransitions/"&gt;Jqfancy transitions&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;A fancy transition slideshow plugin from jQuery plays a slideshow with fancy transition effects for displaying your photos and also this plugin is compatible and tested with all the browsers.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://workshop.rs/projects/jqfancytransitions/"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/jqfancytransitions.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/jqfancytransitions.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;16.&lt;a target="_blank" href="http://www.marcofolio.net/webdesign/jquery_dj_hero_css3_and_jquery_fun.html"&gt;Jquery dj hero&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Based on the fun game jTypingHero which tested your typing skills, this plugin jQuery DJ Hero combines jQuery ans CSS3 creates 3 records which can start spinning and even scratching is enabled.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://www.marcofolio.net/webdesign/jquery_dj_hero_css3_and_jquery_fun.html"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/jquery_dj_hero.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/jquery_dj_hero.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;17.&lt;a target="_blank" href="http://www.gethifi.com/blog/a-jquery-plugin-for-zoomable-interactive-maps"&gt;Jquery plugin for zoomable interactive maps&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Here is a jQuery plugin for Zoomable and interactive map which allowed visitors to find important marine science resources in North California. jQuery made it simple to build, animate and display the map.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://www.gethifi.com/blog/a-jquery-plugin-for-zoomable-interactive-maps"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/a-jquery-plugin-for-zoomable-interactive-maps.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/a-jquery-plugin-for-zoomable-interactive-maps.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;18.&lt;a target="_blank" href="http://www.marcofolio.net/webdesign/jslickmenu_a_jquery_plugin_for_slick_css3_menus.html"&gt;Jslickmenu&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;jSlickmenu plugin creates slick menus with jQuery combining some of the CSS3 features like rotation and shadows. This plugin is highly customizable and easy to use, Works well with Apples Safari and Google Chrome.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://www.marcofolio.net/webdesign/jslickmenu_a_jquery_plugin_for_slick_css3_menus.html"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/jslickmenu.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/jslickmenu.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;19.&lt;a target="_blank" href="http://s3.amazonaws.com/buildinternet/live-tutorials/panning-slideshow/panning-slideshow.htm"&gt;Panning slideshow&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;A slideshow jQuery plugin, Panning Slide show uses amazing photos from Flickr for which the links are found at the bottom which takes you to its source. Go on and create your own slideshow.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://s3.amazonaws.com/buildinternet/live-tutorials/panning-slideshow/panning-slideshow.htm"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/panning-slideshow.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/panning-slideshow.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;20.&lt;a target="_blank" href="http://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html"&gt;Photo shoot&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;The PhotoShoot jQuery plugin creates a photo shoot effect by converting the page into a photo shooting stage by simulating a camera like feel and also displays the images shotted by you. This gives the ability to take shots of the background image.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/photo-shoot.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/photo-shoot.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;21.&lt;a target="_blank" href="http://razorjack.net/quicksand/"&gt;Quick sand&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Quicksand plugin reorders and filters items with a nice shuffling animation. You could filter the applications and utilities separately and sort them either by their name or size.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://razorjack.net/quicksand/"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/quicksand.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/quicksand.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;22.&lt;a target="_blank" href="http://demo.tutorialzine.com/2010/04/slideout-context-tips-jquery-css3/demo.html"&gt;Slideout context tips&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;A jQuery and CSS3 plugin, Contextual Slide out Tips is ideal for product pages and online tours which have to be compact and at the same time deliver the maximum information. Here, each option can be opened in all the four directions and in all the three primary colors.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://demo.tutorialzine.com/2010/04/slideout-context-tips-jquery-css3/demo.html"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/slideout-context-tips.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/slideout-context-tips.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;23.&lt;a target="_blank" href="https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm"&gt;Sliding boxes&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Sliding boxes, a jQuery plugin has images, captions and nice effects to show them, Just keep your pointer in the respective box and get the information about the author and his work in a sliding manner.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/sliding-boxes.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/sliding-boxes.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;24.&lt;a target="_blank" href="http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/"&gt;zoomer gallery&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Zoomer gallery plugin is used to display images with zooming effects as seen in Flash. This jQuery plugin easily transforms your images and is only 2 KB in size which is very compact to use.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/"&gt;&lt;img style="display: block;" original="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/zoomer-gallery.jpg"  src="http://www.1stwebdesigner.com/wp-content/uploads/2010/09/zoomer-gallery.jpg" width="570" height="400" /&gt;&lt;/a&gt;&lt;span style="background-color: #ffff99;"&gt;原文地址：http://www.1stwebdesigner.com/resources/advanced-jquery-effects/&lt;/span&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/justinw/aggbug/1831302.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/justinw/archive/2010/09/19/1831302.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/justinw/archive/2010/09/19/1831038.html</id><title type="text">[Share]商务web应用程序的界面设计</title><summary type="text">在smashingmagazine上看到这篇文章，讲的是Web应用程序设计流程和准则等方面，也许对大家有所帮助。翻译比较仓促，错误地方请多指教，查看原文点这里。商务Web应用程序的界面设计商务Web应用程序的设计常常被人们所忽视。我看到许多程序，它们既不符合商业目标，也不满足用户需求，它们有很差的用户体验，并造成了商业利润的损失。更夸张的是，有些设计师根本没有参与整个程序的开发流程，而是把全部职责...</summary><published>2010-09-19T06:57:00Z</published><updated>2010-09-19T06:57:00Z</updated><author><name>Justin</name><uri>http://www.cnblogs.com/justinw/</uri></author><link rel="alternate" href="http://www.cnblogs.com/justinw/archive/2010/09/19/1831038.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/justinw/archive/2010/09/19/1831038.html"/><content type="html">&lt;div id="sina_keyword_ad_area2" &gt;&#xD;
&lt;div&gt;&lt;a href="http://photo.blog.sina.com.cn/showpic.html#blogid=3e37de330100l348&amp;amp;url=http://static1.photo.sina.com.cn/orignal/3e37de33tda5e0bd68e50" target="_blank"&gt;&lt;img name="image_operate_73731284875866945" src="http://static1.photo.sina.com.cn/middle/3e37de33tda5e0bd68e50&amp;amp;690" real_src="http://static1.photo.sina.com.cn/middle/3e37de33tda5e0bd68e50&amp;amp;690" alt="商务web应用程序的界面设计" title="商务web应用程序的界面设计" /&gt;&lt;/a&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/lx.jpg"&gt;&lt;br /&gt;&lt;/a&gt;在&lt;a href="http://www.smashingmagazine.com/" target="_blank"&gt;smashingmagazine&lt;/a&gt;上看到这篇文章，讲的是Web应用程序设计流程和准则等方面，也许对大家有所帮助。翻译比较仓促，错误地方请多指教，&lt;a href="http://www.smashingmagazine.com/2010/02/25/designing-user-interfaces-for-business-web-applications/" target="_blank"&gt;查看原文点这里&lt;/a&gt;。&lt;/div&gt;&#xD;
&lt;div&gt;&#xD;
&lt;div&gt;&#xD;
&lt;p style="text-align: center;"&gt;&lt;strong&gt;商务Web应用程序的界面设计&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left;"&gt;商务Web应用程序的设计常常被人们所忽视。我看到许多程序，它们既不符合商业目标，也不满足用户需求，它们有很差的用户体验，并造成了商业利润的损失。更夸张的是，有些设计师根本没有参与整个程序的开发流程，而是把全部职责都推给了开发人员。&lt;/p&gt;&#xD;
&lt;p style="text-align: left;"&gt;对于擅长前端和后台技术的工程师来说，他们缺乏设计能力，很难完成这项艰巨的任务。不满意的消费者、沮丧的用户，以及失败的项目，也就自然而然地出现了。&lt;/p&gt;&#xD;
&lt;p&gt;接下来，我们将介绍&amp;ldquo;商务Web应用程序&amp;rdquo;界面设计的基础知识。一般来说,人们可以提供许多有关界面设计的方法、技巧和准则，而这里，我们的重点将放在商务Web应用程序上来。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;一. 网站与Web应用程序&lt;/strong&gt;&lt;br /&gt;我们很容易将Web应用程序和网站搞混，就像搞混用户界面设计与网页设计一样。其实它们在本质上和其他方面上都有很大不同，本文将就此与大家探讨。&lt;/p&gt;&#xD;
&lt;p&gt;一个网站更像是一组网页集合，大部分都是静态文本、图像和视频等等，只有有限的交互功能（联系表单和搜索功能除外）。&lt;strong&gt;网站的主要作用是提供信息。&lt;/strong&gt;虽然一些网站使用&amp;ldquo;内容管理系统&amp;rdquo;来提供动态文本，但从性质上来说依旧是信息。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/01.jpg"&gt;&lt;img src="http://static14.photo.sina.com.cn/bmiddle/3e37de33t90967d77fe3d&amp;amp;690" real_src="http://static14.photo.sina.com.cn/bmiddle/3e37de33t90967d77fe3d&amp;amp;690" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;em&gt;CampaignMonitor是强大的电子邮件营销软件，而Jeff Sarimento的网站向读者讲述他的工作和生活。&lt;/em&gt;&lt;/p&gt;&#xD;
&lt;p&gt;另一方面讲，Web应用程序是&lt;strong&gt;动态交互系统&lt;/strong&gt;，它帮助企业完成重要商业事务，评估并提高企业自身生产力。因此Web应用程序的主要作用是：根据明确的业务规则，满足不同用户的需求。&lt;/p&gt;&#xD;
&lt;p&gt;Web应用程序在参与度以及知识储备方面，对用户有更高的要求。这些用户不只是偶然地使用了它，并评价一番，而是把它当作完成日常重要商务的平台。总之，当他们不了解一款程序的运行机制时，是不会随便喜新厌旧的。而对网站来说，这种情况却常常发生。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;1.1 不同类型的Web应用程序&lt;/strong&gt;&lt;br /&gt;Web应用程序的业务范围，可以从为自由职业者开发票，到内容管理、文件管理、银行和金融系统等等。&lt;/p&gt;&#xD;
&lt;p&gt;我们可以区分出&lt;strong&gt;开放的和保密的应用程序&lt;/strong&gt;。在开放的程序中，用户可以很容易接近到其他注册用户。他们可以在网上使用这些程序，选择注册免费账号或是收费账号。保密的应用程序通常不允许在公司以外的地点使用。在外面,它们仅仅是一个&amp;ldquo;离线&amp;rdquo;的程序（虽然很多系统通过一些服务或是专用接口，向商业伙伴展示了一些功能）。这种程序一般只能在公司的内部网络中运行，只有员工才可以使用。&lt;/p&gt;&#xD;
&lt;p&gt;我不知道是谁创造了&lt;strong&gt;weblication&lt;/strong&gt;这个词，至少在现阶段我很喜欢它，它描述了Web应用程序是什么。但这并不意味着一个Web应用程序就是网站和程序的简单混合，它可比这复杂得多。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;二. 首先要了解你的用户&lt;/strong&gt;&lt;br /&gt;有一句话，你可能听过有一千次了，也听过遵循它的理由。这就是&amp;ldquo;一个成功的用户界面，一定要以用户和他们的任务为核心&amp;rdquo;。这也是为什么许多开发人员没能创造出良好的用户体验的关键。正如SteveKrug所说，&amp;ldquo;开发人员喜欢复杂的东西，他们享受发现事物运行机制的过程。&amp;rdquo;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/02.jpg"&gt;&lt;img src="http://static4.photo.sina.com.cn/bmiddle/3e37de33t90967b2be633&amp;amp;690" real_src="http://static4.photo.sina.com.cn/bmiddle/3e37de33t90967b2be633&amp;amp;690" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;在识别用户时，切忌，&lt;a href="http://52weeksofux.com/post/385981879/you-are-not-your-user" target="_blank"&gt;客户不是用户，你也不是&lt;/a&gt;。虽然客户的管理层通常会对该项目感兴趣，并试图影响你的决策，但你要记住，他们不会每天使用该程序工作好几个小时（除非该程序是专门为他们设计的）。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;2.1 如何识别用户？&lt;/strong&gt;&lt;br /&gt;我们可以通过许多方法识别用户，比如用户访谈，商业利益相关者访谈和影子用户观察(&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt;the&amp;ldquo;shadowing&amp;rdquo; method ofobservation)等。&amp;ldquo;用户访谈&amp;rdquo;让你了解用户在程序和计算机方面的知识储备，而通过&amp;ldquo;用户观察&amp;rdquo;能得到更详尽的信息，比如用户是如何完成任务的，他们都犯了哪些错误。&amp;ldquo;影子用户观察&amp;rdquo;之所以这么称呼它，是因为观察者需要像用户的影子一样，与其形影不离，注意他们的每一步操作。&lt;/p&gt;&#xD;
&lt;p&gt;如果你没有遇到真正的用户，可能是因为你没有权限，或是在设计开放的应用程序，你可以使用&amp;ldquo;人物角色&amp;rdquo;来帮自己识别用户。&amp;ldquo;人物角色&amp;rdquo;是真实用户的代表，他具有他们的习惯，目标和动机等等。你可以利用在商业分析报告中获得的用户信息，来创建&amp;ldquo;人物角色&amp;rdquo;。如果你对这种方法不太熟悉，&lt;a href="http://carsonified.com/blog/design/how-to-understand-your-users-with-personas/" target="_blank"&gt;Brand Colbow的漫画&lt;/a&gt;将对你有帮助。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/03.jpg"&gt;&lt;img name="image_operate_4321284875949594" src="http://static5.photo.sina.com.cn/bmiddle/3e37de33t90967e2fc914&amp;amp;690" real_src="http://static5.photo.sina.com.cn/bmiddle/3e37de33t90967e2fc914&amp;amp;690" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&amp;ldquo;&lt;a href="http://www.usability.gov/analyze/analysis.html" target="_blank"&gt;任务分析&lt;/a&gt;&amp;rdquo;有助于确定用户在工作中需要完成哪些任务，他们是如何完成的，需要多长时间，犯了哪些错误。有时用户正在使用你要去更新的旧程序。你正好可以利用这套旧程序，来看看用户是如何操作的。这样你会很容易了解到他们的任务和遇到的挑战。&lt;/p&gt;&#xD;
&lt;p&gt;可以肯定的是：无论你的用户是谁，在通常情况下你都必须同时考虑&lt;strong&gt;新手用户和专家用户&lt;/strong&gt;。使&amp;ldquo;新手&amp;rdquo;尽快上手，&amp;ldquo;专家&amp;rdquo;高效地完成任务，也许意味着要为他们各自单独设计界面。但在很多情况下，你要使用各种技巧，来保证不同类型的用户正常使用同一界面，比如隐藏高级功能。&lt;/p&gt;&#xD;
&lt;p&gt;这些研究通常由市场分析来完成。但当没人来负责这项业务时，你应该去完成它。一旦得到了必要的信息，就可以动手设计了。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;三.设计流程&lt;br /&gt;&lt;/strong&gt;设计用户界面时，你可以从许多流程中选择一种来执行，或者可能你已经有了一种流程。不过我建议你选择一种更便捷的方法。可能你会问为什么。这是因为对用户（和客户）来说，最终的用户界面才是他们看到的。本质上来说，他们并不关心你的草图、高超的后台技术以及功能强大的服务器，他们只希望看到用户界面。&lt;/p&gt;&#xD;
&lt;p&gt;那么这种方法是如何执行的呢？主要还是通过它的核心法则：迭代。每次迭代都包括你在流程中定义的所有阶段。这意味着在第一轮结束时，你将有一个可以测试的产品：原型。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/04.jpg"&gt;&lt;img src="http://static2.photo.sina.com.cn/bmiddle/3e37de33t90967f9253b1&amp;amp;690" real_src="http://static2.photo.sina.com.cn/bmiddle/3e37de33t90967f9253b1&amp;amp;690" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;3.1 草图&lt;/strong&gt;&lt;br /&gt;草图可以有效的拓展思路。我们通过画出不同的概念图来寻求解决方案。大多数草图会被丢弃，但这无所谓。正如BillBuxton在他的著作《手绘用户体验草图》中所说：&amp;ldquo;草图不但速度快还便于处理，这就是它们如此强大的原因&amp;rdquo;。&lt;/p&gt;&#xD;
&lt;p&gt;草图是否与线框图一样呢？似乎差别可以被忽视，但我却不这样认为。线框图并不是用于获得粗略的想法，而是去延伸它们。可以读读IxDA上的精彩讨论：&lt;a href="http://www.ixda.org/discuss.php?post=48924"&gt;线框图前的草图&lt;/a&gt;。&lt;/p&gt;&#xD;
&lt;p&gt;一旦你画出了&amp;ldquo;正确&amp;rdquo;的草图，或者至少是你认为正确的，你便可以创建更详细的线框图，或者直接去创建交互原型。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/05.jpg"&gt;&lt;img src="http://static5.photo.sina.com.cn/bmiddle/3e37de33tda5e10587fe4&amp;amp;690" real_src="http://static5.photo.sina.com.cn/bmiddle/3e37de33tda5e10587fe4&amp;amp;690" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;em&gt;&lt;a href="http://www.flickr.com/photos/jasonrobb/3836463737/" target="_blank"&gt;Jason Robb&lt;/a&gt;画的草图。&lt;/em&gt;&lt;/p&gt;&#xD;
&lt;p&gt;有关草图和线框图的趣味阅读：&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://www.smashingmagazine.com/2009/09/01/35-excellent-wireframing-resources/" target="_blank"&gt;35个优秀线框图素材&lt;br /&gt;&lt;/a&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt;&lt;a href="http://www.uxbooth.com/blog/tools-for-sketching-user-experiences/" target="_blank"&gt;画用户体验草图的工具&lt;/a&gt;&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://carsonified.com/blog/web-apps/20-steps-to-better-wireframing/" target="_blank"&gt;20步帮你提高线框图质量&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;3.2原型&lt;br /&gt;&lt;/strong&gt;流程的下一步就是创建原型，用以模拟真实程序。原型可以含有一个或多个界面（或所有界面），它们只是模拟了一个真实程序的行为，让用户感觉程序确实是在运行。可其实呢，它们什么都没有做。如果需要的话，原型也可以完成一些功能（比如复杂运算）。&lt;/p&gt;&#xD;
&lt;p&gt;网页原型是临时的，其目的归根结底还是去验证想法。由于你不用花时间写代码，也就降低了犯错的成本。反正最后你也会扔掉它嘛。你还可以用专门的原型制作工具，比如&lt;a href="http://www.axure.com/" target="_blank"&gt;Axure&lt;/a&gt;，有些人甚至会用&lt;a href="http://office.microsoft.com/en-us/powerpoint/default.aspx" target="_blank"&gt;PowerPoint&lt;/a&gt;来制作原型。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/06.jpg"&gt;&lt;img src="http://static16.photo.sina.com.cn/bmiddle/3e37de33t90968563cb1f&amp;amp;690" real_src="http://static16.photo.sina.com.cn/bmiddle/3e37de33t90968563cb1f&amp;amp;690" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;em&gt;一个用Axure制作的电子商务网站的交互原型，&lt;a href="http://www.flickr.com/photos/e-maujean/4188239932/" target="_blank"&gt;e-maujean&lt;/a&gt;提供。&lt;/em&gt;&lt;/p&gt;&#xD;
&lt;p&gt;有关原型的其他阅读资料和工具：&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://blog.webdistortion.com/2009/02/22/useful-online-tools-for-easier-website-planning-and-prototyping/" target="_blank"&gt;5个有关网站规划和原型制作的在线工具&lt;/a&gt;&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://www.rosenfeldmedia.com/books/prototyping/" target="_blank"&gt;原型制作指南&lt;/a&gt;：Rosenfeld Media著&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://articles.sitepoint.com/article/tools-prototyping-wireframing" target="_blank"&gt;16个原型和线框图制作工具&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;3.3 测试&lt;/strong&gt;&lt;br /&gt;如果你没有测试原型，它们便无法发挥作用。其实测试也算不上什么困难工作。Jakob Nielsen和SteveKrug就支持一种被称作&amp;ldquo;简易可用性测试&amp;rdquo;（&amp;ldquo;discount usabilitytesting&amp;rdquo;）的方法，它成本低廉、便捷，并能为你的设计决策提出宝贵建议。你也可以将测试结果用作另一次迭代的基础。在重大问题得到解决之前，你至少要这么测试。我们知道，软件项目的时间和预算都很紧张，因此为了更有效率，&lt;strong&gt;测试得越早越频繁，也就越好&lt;/strong&gt;。&lt;/p&gt;&#xD;
&lt;p&gt;Steve Krug的新书《将困难工作变得更简单》（&amp;ldquo;Rocket Surgery MadeEasy&amp;rdquo;）是有关&amp;ldquo;简易可用性测试&amp;rdquo;方面最好的素材之一，找一本读读吧。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/07.jpg"&gt;&lt;img src="http://static3.photo.sina.com.cn/bmiddle/3e37de33tda5e14aac482&amp;amp;690" real_src="http://static3.photo.sina.com.cn/bmiddle/3e37de33tda5e14aac482&amp;amp;690" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;em&gt;照片内容是有关美味的可用性测试，&lt;a href="http://www.flickr.com/photos/nzdave/491411546/" target="_blank"&gt;Dave（新西兰）&lt;/a&gt;提供。&lt;/em&gt;&lt;/p&gt;&#xD;
&lt;p&gt;其他阅读资料：&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://www.useit.com/alertbox/20000319.html"&gt;为什么你只需要测试5名用户&lt;/a&gt;&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://www.alistapart.com/articles/usability-testing-demystified/" target="_blank"&gt;解密可用性测试&lt;/a&gt;&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://www.alistapart.com/articles/usability-testing-demystified/" target="_blank"&gt;可用性测试的神话&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;四. 设计准则&lt;/strong&gt;&lt;br /&gt;现在流行着许多设计准则，但这些准则似乎并没有达成共识。我们将抛开那些严格的定义，带着大家简单地将它们过一遍。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;4.1 没人喜欢被惊吓&lt;/strong&gt;&lt;br /&gt;优秀用户界面的关键，可以说就是&amp;ldquo;一致&amp;rdquo;与&amp;ldquo;友好&amp;rdquo;。用户界面在程序内部，比如导航和配色等，都应该保持一致。这就是&lt;strong&gt;内部一致&lt;/strong&gt;。除此以外，套装程序和系统在用户界面上也应互相保持一致。典型的案例就是微软的Office套装。这就是&lt;strong&gt;外部一致&lt;/strong&gt;。&lt;/p&gt;&#xD;
&lt;p&gt;一种保证&amp;ldquo;一致&amp;rdquo;的有效方法，就是为每个或每组项目的用户界面都制定&amp;ldquo;用户界面设计准则&amp;rdquo;。每个细节的设计都应该遵行它。设计准则不仅能使界面保持一致，作为说明文档，它还能帮助团队成员更好地理解你的决策。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/08.jpg"&gt;&lt;img src="http://static7.photo.sina.com.cn/bmiddle/3e37de33t909688e16eb6&amp;amp;690" real_src="http://static7.photo.sina.com.cn/bmiddle/3e37de33t909688e16eb6&amp;amp;690" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;em&gt;一个简单的例子，SprinklePenny在全站都保持着&amp;ldquo;一致&amp;rdquo;和&amp;ldquo;友好&amp;rdquo;。&lt;/em&gt;&lt;/p&gt;&#xD;
&lt;p&gt;一致的用户界面容易上手，因为用户可以根据以前版本的使用经验，识别程序各部分。&amp;ldquo;&lt;strong&gt;友好&lt;/strong&gt;&amp;rdquo;某种意义上容易与&amp;ldquo;一致&amp;rdquo;相混淆。&amp;ldquo;友好&amp;rdquo;的用户界面从用户过去的经历中提取信息，形成合理的隐喻。比如说文件夹，就是一个有关文件组熟知的隐喻，它已取代了以前命令行界面中使用的&amp;ldquo;目录&amp;rdquo;。总之，就是使用用户自己的语言。&lt;/p&gt;&#xD;
&lt;p&gt;很多企业领导都有一个共同的认识：出色的用户界面要看起来像微软Office系列，特别是outlook。我不想说这多么没意义。这里，我只提出不同于他们的建议：要沿用&amp;ldquo;以用户为中心&amp;rdquo;的方法，并解释为什么为员工、客户和合作伙伴（也就是&lt;strong&gt;他们的用户&lt;/strong&gt;）所设计的应用程序才是重要的。&lt;/p&gt;&#xD;
&lt;p&gt;尽管如此，由于工作流程不同，大多数企业的情况也是各异的。例如来自同一行业的两个企业，很可能就有不同的工作流程。这会迫使你超越自己，开始&lt;strong&gt;创新&lt;/strong&gt;。这部分的设计流程是相当吸引人的，当然你也要在创新的程度上多加把握。&lt;/p&gt;&#xD;
&lt;p&gt;其他阅读资料：&lt;br /&gt;&amp;bull; &lt;a href="http://uxmag.com/design/designing-amp-selecting-components-for-uis" target="_blank"&gt;为用户界面设计和选择组件&lt;/a&gt;&lt;br /&gt;&amp;bull; &lt;a href="http://articles.sitepoint.com/article/why-consistency-is-critical" target="_blank"&gt;为什么说一致很重要&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;4.2用户应当是高效的&lt;br /&gt;&lt;/strong&gt;毫无疑问，用户应该能高效地使用商务应用程序。这是他们付费的原因，也是管理者所期望的。用户界面应该让用户高效工作，以最简单、最快捷的方式完成任务。但事实上，并非总是如此。开发人员在思想和行动上有一种想法。他们认为：用户界面的后台应尽可能的复杂。无论听起来多么荒谬，但问题已经出现了，可能还会令你很头痛。这就是为什么说与开发人员的良好沟通和合作是很必要的。&lt;/p&gt;&#xD;
&lt;p&gt;用户&lt;strong&gt;完成特定任务&lt;/strong&gt;时应该是高效的。正如前文所说，任务分析可以帮助你确定任务，以及用户如何完成。如果任务很花时间，就需要将其分解成一些较小的任务，这样用户就不会感觉费时了。你还可以通过提供&lt;strong&gt;键盘输入和快捷键&lt;/strong&gt;来提高效率。试想一下，当用户必须在鼠标和键盘之间来回切换是多么耽误时间。在某些情况下，你需要为习惯于命令行界面的用户设计，他们强烈希望支持键盘输入。给你一个建议：定义快捷键时，应与常用程序的快捷键相同。例如，Ctrls永远应该是&amp;ldquo;保存&amp;rdquo;等等。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/09.jpg"&gt;&lt;img src="http://static15.photo.sina.com.cn/bmiddle/3e37de33t909689cce1be&amp;amp;690" real_src="http://static15.photo.sina.com.cn/bmiddle/3e37de33t909689cce1be&amp;amp;690" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;em&gt;GoogleDocs中的表格就为用户提供了键盘快捷键和快捷菜单，并借鉴了用户熟悉的桌面程序，使用户高效率完成工作。&lt;/em&gt;&lt;/p&gt;&#xD;
&lt;p&gt;通过&lt;strong&gt;个性化定制&lt;/strong&gt;可以提高用户使用效率。用户自己定制界面时，不但会更快上手，更重要的是，在使用时会更有信心。个性化可以体现在许多方面：选择仪表板中的模块，定义快捷键选项和收藏，改变组件顺序等等。&lt;/p&gt;&#xD;
&lt;p&gt;注意一下&lt;strong&gt;可访问性&lt;/strong&gt;。虽然许多人认为在Web应用程序中&amp;ldquo;可访问性&amp;rdquo;并不重要。但事实并不这样。要像对待公共网站的可访问性那样去对待它。&lt;/p&gt;&#xD;
&lt;p&gt;Web应用程序在处理信息时也必须是高效的。因此，局部呈现和&lt;a href="http://www.jankoatwarpspeed.com/post/2009/11/01/usability-tips-visualizing-ajax-requests.aspx" target="_blank"&gt;AJAX请求&lt;/a&gt;产生的耗资源的交互行为需要慎重使用。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;4.3 救命！&lt;/strong&gt;&lt;br /&gt;对于系统处于何种状态，界面上应提供&lt;strong&gt;有效的反馈&lt;/strong&gt;。如果发生错误，应当通知用户并设法恢复。如果程序正在运行中，需要通知用户进展如何。&lt;/p&gt;&#xD;
&lt;p&gt;我们可以更进一步说：用户界面应该防止用户犯错。这一法则被称作&lt;strong&gt;容错&lt;/strong&gt;，确认对话框、撤消选项、智能输入（forgivingformats）等就遵循了它。&amp;ldquo;容错&amp;rdquo;让用户更安全地使用程序，降低了学习成本，并提高了整体满意度。&lt;/p&gt;&#xD;
&lt;p&gt;由于Web应用程序很复杂，你还需要提供一个&lt;strong&gt;综合帮助系统&lt;/strong&gt;。这项工作可以由内部帮助、支持的数据库、知识库或是向导（包含视频，图像和文字）来完成。&lt;/p&gt;&#xD;
&lt;p&gt;其他阅读资料：&lt;br /&gt;&amp;bull; &amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt;&lt;a href="http://www.jankoatwarpspeed.com/post/2009/11/17/Forgiveness-UI-design.aspx" target="_blank"&gt;用户界面设计中的容错&lt;/a&gt;&lt;br /&gt;&amp;bull; &amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt;&lt;a href="http://www.smashingmagazine.com/2010/02/25/2009/07/07/web-form-validation-best-practices-and-tutorials/" target="_blank"&gt;Web表单确认：最佳实例和教程&lt;/a&gt;&lt;br /&gt;&amp;bull; &amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt;&lt;a href="http://www.uxbooth.com/blog/showing-error-messages-to-users/" target="_blank"&gt;悉心处理用户错误：使用户重回正轨&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;4.4让用户满意&lt;br /&gt;&lt;/strong&gt;满意度是一个比较主观的词，它是指用户使用界面时的愉悦程度。我们之前介绍的每一条设计准则，都会影响满意度。还有一些准则需要在这提一下。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;简洁&lt;/strong&gt;是界面设计的一条基本准则。越是简洁的用户界面，就越容易操作。但对商务应用程序来说，让用户界面简洁却是一个挑战，因为这些程序往往有许多功能。问题的关键就是要平衡功能和简洁。最有效的解决方法就是&amp;ldquo;约束&amp;rdquo;。换句话说，就是找到最简单的解决方案。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/10.jpg"&gt;&lt;img src="http://static5.photo.sina.com.cn/bmiddle/3e37de33t90968a646514&amp;amp;690" real_src="http://static5.photo.sina.com.cn/bmiddle/3e37de33t90968a646514&amp;amp;690" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;em&gt;BuildWith.me有一个简单而有效的用户界面，它并没有为此牺牲美观。&lt;/em&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;美观&lt;/strong&gt;，虽然是有些主观甚至随意的评价，但也是影响满意度的重要因素。用户喜爱漂亮的用户界面，甚至可以为此牺牲功能。但你也要注意自己并不是在创造艺术品。有关美观的最好的文章之一是&lt;a href="http://www.alistapart.com/articles/indefenseofeyecandy/" target="_blank"&gt;美丽无罪&lt;/a&gt;（In Defense of Eye Candy）。&lt;/p&gt;&#xD;
&lt;p&gt;由于用户会使用一个商务应用程序很久，无论一款程序多么好用，多么具有一致性和容错性，评价它成功与否的决定因素还是：用户满意度。&lt;/p&gt;&#xD;
&lt;p&gt;其他阅读资料：&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://www.webdesignerdepot.com/2009/02/7-interface-design-techniques-to-simplify-and-de-clutter-your-interfaces/" target="_blank"&gt;简化界面设计的7种方法&lt;/a&gt;&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://www.usabilitypost.com/2009/10/02/restraint/" target="_blank"&gt;约束&lt;/a&gt;&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://www.alistapart.com/articles/indefenseofeyecandy/" target="_blank"&gt;美丽无罪&lt;/a&gt;&lt;br /&gt;&lt;strong&gt;用户界面设计的其他相关资料：&lt;/strong&gt;&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://www.alistapart.com/articles/indefenseofeyecandy/" target="_blank"&gt;优秀用户界面设计的12条准则&lt;br /&gt;&lt;/a&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://www.usabilitypost.com/2009/04/15/8-characteristics-of-successful-user-interfaces/" target="_blank"&gt;成功用户界面的8个特征&lt;/a&gt;&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://en.wikipedia.org/wiki/Principles_of_User_Interface_Design" target="_blank"&gt;用户界面设计准则（维基百科）&lt;/a&gt;&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://net.tutsplus.com/articles/10-principles-of-the-user-interface-masters/" target="_blank"&gt;成为界面设计大师的10条准则&lt;/a&gt;&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://sixrevisions.com/usabilityaccessibility/20-websites-to-help-you-master-user-interface-design/" target="_blank"&gt;20个网站帮你精通用户界面设计&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;五.Web应用程序的重要元素&lt;br /&gt;&lt;/strong&gt;Web应用程序虽然是各异的，但它们大多有很多相同的程式。每个应用程序对其程式的使用方式并不相同，让我们先看看它们中最常见的三个吧。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;5.1 Web表单&lt;br /&gt;&lt;/strong&gt;一般来说，表单对Web应用程序非常重要。不过，LukeWroblewski在他的Web表单设计的著作中却说&amp;ldquo;没有人愿意填表单。&amp;rdquo;这里说的表单，就包括许多商务Web应用程序的注册表单。&lt;/p&gt;&#xD;
&lt;p&gt;尽量减少用户填写表单时的挫折感。提供内部验证与良好的反馈系统，并尽可能使用默认值。不要忘记新手用户，通过向导或隐藏高级（或不常用的）功能，来帮助他们更快地完成任务。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;5.2 主从窗格（Master-Detail Views）&lt;/strong&gt;&lt;br /&gt;它指的是一种在两个独立且相关的窗格看数据的程式。一个窗格显示项目列表，另一个显示所选项的详细信息。这种程式在单一页面或多页切换时都可实现。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;5.3 仪表板（Dashboards）&lt;/strong&gt;&lt;br /&gt;很多Web应用程序都有仪表板。仪表板将需要操作和决定的重要信息展示在一起。它一般仅在单一页面出现，而且是一个应用程序的初始页。仪表板非常重要，因为它让用户在不进入深层界面的情况下，就可以看到信息并执行任务。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/11.jpg"&gt;&lt;img src="http://static3.photo.sina.com.cn/bmiddle/3e37de33t90968cb67e92&amp;amp;690" real_src="http://static3.photo.sina.com.cn/bmiddle/3e37de33t90968cb67e92&amp;amp;690" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;em&gt;Xero在仪表板中显示了用户的最重要的财务信息（如银行帐户和信用卡信息），以便于用户迅速看到自己的财务状况。&lt;/em&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;5.4大量使用表格&lt;br /&gt;&lt;/strong&gt;由于Web应用程序需要处理大量易归类的数据，表格也就不可避免了。这其实并不是一坏事。事实上，表格就是干这个用的。不要将其与没表格的页面布局相混淆。只有有效的表格才容易阅读。因此在多数情况下，你需要选择一个有意义的标题，控制好表格各列和分页的数量，将行颜色交替显示，适当对齐表格各列，并提供排序和过滤功能等等。&lt;/p&gt;&#xD;
&lt;p&gt;表格是可以人为调整的，这就是说你可以为它们添加更多信息，甚至去修改它们的数据项。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/12.jpg"&gt;&lt;img src="http://static10.photo.sina.com.cn/bmiddle/3e37de33t90968d621229&amp;amp;690" real_src="http://static10.photo.sina.com.cn/bmiddle/3e37de33t90968d621229&amp;amp;690" /&gt;&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;em&gt;PulseApp是表现&amp;ldquo;表格有效处理当前复杂数据&amp;rdquo;的优秀案例。&lt;/em&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;5.5 报告&lt;/strong&gt;&lt;br /&gt;大多数企业都离不开报告。由于打印报告是常用功能，你就要重视报告的设计。打印（或输出）的报告通常是线上报告的简化版本，需要优化它来适应单色打印。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/13.jpg"&gt;&lt;img src="http://static6.photo.sina.com.cn/bmiddle/3e37de33t74dbdb03dd35&amp;amp;690" real_src="http://static6.photo.sina.com.cn/bmiddle/3e37de33t74dbdb03dd35&amp;amp;690" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;em&gt;FreshBooks具有打印，PDF输出和&amp;ldquo;发送电子邮件&amp;rdquo;功能。它还能提供打印预览。&lt;/em&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;六.不要忘记用户界面设计版式&lt;br /&gt;&lt;/strong&gt;我们对界面设计版式的讨论已经很习惯了，但有时却还会忽视它们！用户界面设计版式对设计用户界面是很有帮助的。版式往往能解决常见问题，合理的版式可以方便用户熟悉界面，尽快上手。因此，你要在设计流程的初期阶段就考虑版式，最好在草图阶段就开始。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://home.intra.sina.com.cn/blog/wp-content/uploads/2010/03/14.png"&gt;&lt;img src="http://static9.photo.sina.com.cn/bmiddle/3e37de33t74dbdb194a88&amp;amp;690" real_src="http://static9.photo.sina.com.cn/bmiddle/3e37de33t74dbdb194a88&amp;amp;690" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;em&gt;这张截图来自&lt;/em&gt;&lt;a href="http://designingwebinterfaces.com/designing-web-interfaces-12-screen-patterns" target="_blank"&gt;&lt;em&gt;12个标准屏幕版式&lt;/em&gt;&lt;/a&gt;&lt;em&gt;，这篇文章能帮你重温最常见的屏幕版式。&lt;/em&gt;&lt;/p&gt;&#xD;
&lt;p&gt;其他阅读资料：&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://www.amazon.com/Designing-Web-Interfaces-Principles-Interactions/dp/0596516258/ref=sr_1_3?ie=UTF8&amp;amp;s=books&amp;amp;qid=1264343645&amp;amp;sr=8-3" target="_blank"&gt;Web界面设计：富交互的原则和版式&lt;/a&gt;&lt;br /&gt;这是一本出色的著作，涵盖了70多个网页设计版式。&lt;br /&gt;&amp;bull;&amp;nbsp;&lt;wbr&gt;&lt;/wbr&gt; &lt;a href="http://www.amazon.com/Designing-Web-Interfaces-Principles-Interactions/dp/0596516258/ref=sr_1_3?ie=UTF8&amp;amp;s=books&amp;amp;qid=1264343645&amp;amp;sr=8-3" target="_blank"&gt;40多个有关用户界面设计版式的素材&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;七. 案例教学：网上银行&lt;/strong&gt;&lt;br /&gt;接下来我举一个真实的案例，用来简单介绍设计&amp;ldquo;小型银行网银系统的用户界面&amp;rdquo;的流程。我所在团队参与了改善该系统的工作。这次改版的主要原因，用他们管理人员的话说就是：&amp;ldquo;用户经常抱怨，其中有许多人已经不再使用了。&amp;rdquo;&lt;/p&gt;&#xD;
&lt;p&gt;与实际用户共处了几个小时后，我们便发现了主要问题。账户与信用卡信息被深埋在了次级导航中。用户很难看到消费信息，以及账户和信用卡状态。显然，该应用程序已经变成为银行员工设计的了，只有他们才熟悉专业术语，很好地解读程序中的数字。&lt;/p&gt;&#xD;
&lt;p&gt;在紧迫的时间内，我们遵循了文中所描述的设计流程，并取得了一定成功。由于问题明显，在时间很短的情况下，我们依旧清楚地了解自己的主要任务和行动方式。我们创建了一个&amp;ldquo;仪表板&amp;rdquo;，提供了所有帐户及信用卡状态的明确信息。新的导航让用户更方便地查询信息。同时报告也方便用户理解了，还加入了一些新的功能。&lt;/p&gt;&#xD;
&lt;p&gt;我们只进行了部分调整，但由于改善了用户完成关键任务的流程，也就极大地提高了整体的用户体验。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;八. 最后的思考&lt;/strong&gt;&lt;br /&gt;商务Web应用程序的界面设计是一项艰巨的工作，它充斥着各项妥协。你必须在客户和用户需求之间，商务需求和用户之间，新手和专家用户之间，功能和简洁之间妥协。它需要你充分理解用户和他们的任务，以及界面设计准则和版式。尽管困难，但这项工作却很有趣，你可以从每个项目中学到很多新的东西，并将它用到网站设计中去&lt;/p&gt;&#xD;
&lt;p&gt;&lt;span style="color: #ff6600; background-color: #ffff99;"&gt;原文地址：http://blog.sina.com.cn/s/blog_3e37de330100l348.html&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;/div&gt;&#xD;
&lt;/div&gt;&#xD;
&lt;/div&gt;&lt;img src="http://www.cnblogs.com/justinw/aggbug/1831038.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/justinw/archive/2010/09/19/1831038.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/justinw/archive/2010/09/19/1830742.html</id><title type="text">[jQuery]25 Highly Useful jQuery Cheat Sheets For Web Developers</title><summary type="text">1. jQuery 1.2 Cheat-sheet [PNG]2. jQuery 1.2 Cheat Sheet v1.0 [PDF]3. jQuery 1.3 Cheatsheet [PDF]4. jQuery API Browser [Adobe AIR, HTML]5.jQuery1.1 Cheat Sheet [HTML]6.jTouch &amp;ndash; jQuery Cheat Shee...</summary><published>2010-09-19T01:16:00Z</published><updated>2010-09-19T01:16:00Z</updated><author><name>Justin</name><uri>http://www.cnblogs.com/justinw/</uri></author><link rel="alternate" href="http://www.cnblogs.com/justinw/archive/2010/09/19/1830742.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/justinw/archive/2010/09/19/1830742.html"/><content type="html">&lt;p&gt;&lt;strong&gt;&lt;a href="http://colorcharge.com/jquery/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/colorcharge.com/jquery/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;1. jQuery 1.2 Cheat-sheet&lt;/a&gt; [PNG]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://colorcharge.com/jquery/" onclick="pageTracker._trackPageview('/outgoing/colorcharge.com/jquery/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="1" src="http://technologytosoftware.com/wp-content/uploads/2010/09/1.png" width="550" height="377" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;span id="more-2964"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;2. jQuery 1.2 Cheat Sheet v1.0&lt;/a&gt; [PDF]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/" onclick="pageTracker._trackPageview('/outgoing/www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="2" src="http://technologytosoftware.com/wp-content/uploads/2010/09/2.png" width="550" height="374" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://blog.acodingfool.com/cheatsheets/jquery-1-3-cheatsheet/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/blog.acodingfool.com/cheatsheets/jquery-1-3-cheatsheet/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;3. jQuery 1.3 Cheatsheet&lt;/a&gt; [PDF]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://blog.acodingfool.com/cheatsheets/jquery-1-3-cheatsheet/" onclick="pageTracker._trackPageview('/outgoing/blog.acodingfool.com/cheatsheets/jquery-1-3-cheatsheet/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="3" src="http://technologytosoftware.com/wp-content/uploads/2010/09/32.jpg" width="550" height="636" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://api.jquery.com/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/api.jquery.com/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;4. jQuery API Browser&lt;/a&gt; [Adobe AIR, HTML]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://api.jquery.com/" onclick="pageTracker._trackPageview('/outgoing/api.jquery.com/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="4" src="http://technologytosoftware.com/wp-content/uploads/2010/09/42.jpg" width="550" height="151" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;5.&amp;nbsp;&lt;a href="http://n-bp.com/jquery_cheat_sheet/v11/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/n-bp.com/jquery_cheat_sheet/v11/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jQuery1.1 Cheat Sheet&lt;/a&gt; [HTML]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://n-bp.com/jquery_cheat_sheet/v11/" onclick="pageTracker._trackPageview('/outgoing/n-bp.com/jquery_cheat_sheet/v11/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="5" src="http://technologytosoftware.com/wp-content/uploads/2010/09/52.jpg" width="550" height="358" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;6.&amp;nbsp;&lt;a href="http://jtouch.colorcharge.com/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/jtouch.colorcharge.com/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jTouch &amp;ndash; jQuery Cheat Sheet for iPhone&lt;/a&gt; [HTML]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://jtouch.colorcharge.com/" onclick="pageTracker._trackPageview('/outgoing/jtouch.colorcharge.com/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="6" src="http://technologytosoftware.com/wp-content/uploads/2010/09/62.jpg" width="550" height="189" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;7.&lt;a href="http://www.futurecolors.ru/jquery/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.futurecolors.ru/jquery/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt; jQuery 1.4 API Cheat Sheet&lt;/a&gt; [HTML, PDF, PNG]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.futurecolors.ru/jquery/" onclick="pageTracker._trackPageview('/outgoing/www.futurecolors.ru/jquery/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="7" src="http://technologytosoftware.com/wp-content/uploads/2010/09/7.jpg" width="550" height="189" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;8.&amp;nbsp;&lt;a href="http://refcardz.dzone.com/refcardz/jquery-selectors" target="_blank" onclick="pageTracker._trackPageview('/outgoing/refcardz.dzone.com/refcardz/jquery-selectors?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jQuery Selectors&lt;/a&gt; [PDF]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://refcardz.dzone.com/refcardz/jquery-selectors" onclick="pageTracker._trackPageview('/outgoing/refcardz.dzone.com/refcardz/jquery-selectors?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="8" src="http://technologytosoftware.com/wp-content/uploads/2010/09/82.jpg" width="550" height="189" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;9.&lt;a href="http://oscarotero.com/jquery/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/oscarotero.com/jquery/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt; jQuery 1.3 Quick API Reference&lt;/a&gt; [ HTML]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://oscarotero.com/jquery/" onclick="pageTracker._trackPageview('/outgoing/oscarotero.com/jquery/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="9" src="http://technologytosoftware.com/wp-content/uploads/2010/09/9.png" width="550" height="343" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;10.&lt;a href="http://oscarotero.com/jquery/ui.html" onclick="pageTracker._trackPageview('/outgoing/oscarotero.com/jquery/ui.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt; &lt;/a&gt;&lt;a href="http://oscarotero.com/jquery/ui.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/oscarotero.com/jquery/ui.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jQuery UI 1.7 Quick API Reference&lt;/a&gt; [ HTML]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://oscarotero.com/jquery/ui.html" onclick="pageTracker._trackPageview('/outgoing/oscarotero.com/jquery/ui.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="10" src="http://technologytosoftware.com/wp-content/uploads/2010/09/102.jpg" width="550" height="189" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;11.&amp;nbsp;&lt;a href="http://www.javascripttoolbox.com/jquery/cheatsheet/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.javascripttoolbox.com/jquery/cheatsheet/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jQuery 1.3.2 Cheat Sheet&lt;/a&gt; [Microsoft Excel (XLS), PDF, PNG]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.javascripttoolbox.com/jquery/cheatsheet/" onclick="pageTracker._trackPageview('/outgoing/www.javascripttoolbox.com/jquery/cheatsheet/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="11" src="http://technologytosoftware.com/wp-content/uploads/2010/09/112.jpg" width="550" height="189" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;12.&amp;nbsp;&lt;a href="http://www.javascripttoolbox.com/jquery/cheatsheet/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.javascripttoolbox.com/jquery/cheatsheet/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jQuery 1.1.3 Cheat Sheet&lt;/a&gt; [Microsoft Excel (XLS), PDF, PNG]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.javascripttoolbox.com/jquery/cheatsheet/" onclick="pageTracker._trackPageview('/outgoing/www.javascripttoolbox.com/jquery/cheatsheet/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="12" src="http://technologytosoftware.com/wp-content/uploads/2010/09/12.gif" width="550" height="426" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;13.&amp;nbsp;&lt;a href="http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jQuery 1.3 Visual Cheat Sheet&lt;/a&gt; [PDF]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html" onclick="pageTracker._trackPageview('/outgoing/woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="13" src="http://technologytosoftware.com/wp-content/uploads/2010/09/13.jpg" width="550" height="389" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;14.&lt;a href="http://woorkup.com/2010/06/13/jquery-1-4-2-visual-cheat-sheet/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/woorkup.com/2010/06/13/jquery-1-4-2-visual-cheat-sheet/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt; jQuery 1.4.2 Visual Cheat Sheet&lt;/a&gt; [JPEG, PDF]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://woorkup.com/2010/06/13/jquery-1-4-2-visual-cheat-sheet/" onclick="pageTracker._trackPageview('/outgoing/woorkup.com/2010/06/13/jquery-1-4-2-visual-cheat-sheet/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="14" src="http://technologytosoftware.com/wp-content/uploads/2010/09/14.jpg" width="550" height="579" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;15.&amp;nbsp;&lt;a href="http://remysharp.com/jquery-api/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/remysharp.com/jquery-api/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jQuery API&lt;/a&gt; [HTML]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://remysharp.com/jquery-api/" onclick="pageTracker._trackPageview('/outgoing/remysharp.com/jquery-api/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="15" src="http://technologytosoftware.com/wp-content/uploads/2010/09/15.jpg" width="550" height="189" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;16.&amp;nbsp;&lt;a href="http://labs.impulsestudios.ca/jquery-cheat-sheet" target="_blank" onclick="pageTracker._trackPageview('/outgoing/labs.impulsestudios.ca/jquery-cheat-sheet?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jQuery 1.4 Cheat Sheet&lt;/a&gt; [PDF]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://labs.impulsestudios.ca/jquery-cheat-sheet" onclick="pageTracker._trackPageview('/outgoing/labs.impulsestudios.ca/jquery-cheat-sheet?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="16" src="http://technologytosoftware.com/wp-content/uploads/2010/09/16.jpg" width="550" height="189" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;17.&lt;a href="http://chris4403.blogspot.com/2008/01/jquery-cheatsheet-wallpaper.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/chris4403.blogspot.com/2008/01/jquery-cheatsheet-wallpaper.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt; jQuery cheatsheet Wallpaper&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://chris4403.blogspot.com/2008/01/jquery-cheatsheet-wallpaper.html" onclick="pageTracker._trackPageview('/outgoing/chris4403.blogspot.com/2008/01/jquery-cheatsheet-wallpaper.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="17" src="http://technologytosoftware.com/wp-content/uploads/2010/09/17.jpg" width="550" height="189" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;18.&amp;nbsp;&lt;a href="http://carlos.bueno.org/jq-yui.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/carlos.bueno.org/jq-yui.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jQuery &amp;ndash; YUI3 Rosetta Stone&lt;/a&gt; [HTML]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://carlos.bueno.org/jq-yui.html" onclick="pageTracker._trackPageview('/outgoing/carlos.bueno.org/jq-yui.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="18" src="http://technologytosoftware.com/wp-content/uploads/2010/09/18.jpg" width="550" height="247" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;19.&amp;nbsp;&lt;a href="http://www.cheat-sheets.org/#jQuery" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.cheat-sheets.org/_jQuery?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jQuery 1.2 by Adrien Gibrat&lt;/a&gt; [PDF]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.cheat-sheets.org/#jQuery" onclick="pageTracker._trackPageview('/outgoing/www.cheat-sheets.org/_jQuery?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="19" src="http://technologytosoftware.com/wp-content/uploads/2010/09/19.jpg" width="550" height="255" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;20.&amp;nbsp;&lt;a href="http://acodingfool.typepad.com/blog/2009/01/jquery-13-cheat-sheet.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/acodingfool.typepad.com/blog/2009/01/jquery-13-cheat-sheet.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jQuery 1.3 Cheat Sheet&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://acodingfool.typepad.com/blog/2009/01/jquery-13-cheat-sheet.html" onclick="pageTracker._trackPageview('/outgoing/acodingfool.typepad.com/blog/2009/01/jquery-13-cheat-sheet.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="20" src="http://technologytosoftware.com/wp-content/uploads/2010/09/20.jpg" width="550" height="336" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;21.&amp;nbsp;&lt;a href="http://www.gmtaz.com/index.php/jquery-13-cheatsheet-wallpaper/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.gmtaz.com/index.php/jquery-13-cheatsheet-wallpaper/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jQuery 1.3 Cheatsheet Wallpaper &lt;/a&gt;[1920&amp;times;1200, 1680&amp;times;1050 and 1440&amp;times;900]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.gmtaz.com/index.php/jquery-13-cheatsheet-wallpaper/" onclick="pageTracker._trackPageview('/outgoing/www.gmtaz.com/index.php/jquery-13-cheatsheet-wallpaper/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="21" src="http://technologytosoftware.com/wp-content/uploads/2010/09/211.jpg" width="550" height="189" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.cheat-sheets.org/saved-copy/jQuery.1.3.Visual.Cheat.Sheet.by.WOORK.pdf" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.cheat-sheets.org/saved-copy/jQuery.1.3.Visual.Cheat.Sheet.by.WOORK.pdf?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;22. jQuery 1.3 Visual Cheat Sheet by Antonio Lupetti&lt;/a&gt; [PDF]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.cheat-sheets.org/saved-copy/jQuery.1.3.Visual.Cheat.Sheet.by.WOORK.pdf" onclick="pageTracker._trackPageview('/outgoing/www.cheat-sheets.org/saved-copy/jQuery.1.3.Visual.Cheat.Sheet.by.WOORK.pdf?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="22" src="http://technologytosoftware.com/wp-content/uploads/2010/09/22.jpg" width="550" height="378" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://codylindley.com/jqueryselectors/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/codylindley.com/jqueryselectors/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;23. jQuery Selectors Cheatsheet&lt;/a&gt; [HTML]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://codylindley.com/jqueryselectors/" onclick="pageTracker._trackPageview('/outgoing/codylindley.com/jqueryselectors/?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="23" src="http://technologytosoftware.com/wp-content/uploads/2010/09/23.jpg" width="550" height="189" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://jn.orz.hm/jquery/ui_effect.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/jn.orz.hm/jquery/ui_effect.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;24. jQuery UI &amp;ndash; Effects Cheatsheet&lt;/a&gt; [HTML]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://jn.orz.hm/jquery/ui_effect.html" onclick="pageTracker._trackPageview('/outgoing/jn.orz.hm/jquery/ui_effect.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="24" src="http://technologytosoftware.com/wp-content/uploads/2010/09/24.jpg" width="550" height="189" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;25.&amp;nbsp;&lt;a href="http://elegantcode.com/wp-content/uploads/2010/03/Jquery-Validator-Cheat-sheet.pdf" target="_blank" onclick="pageTracker._trackPageview('/outgoing/elegantcode.com/wp-content/uploads/2010/03/Jquery-Validator-Cheat-sheet.pdf?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;jQuery Validator Cheatsheet &lt;/a&gt;&amp;ndash; Elegant Code [PDF]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://elegantcode.com/wp-content/uploads/2010/03/Jquery-Validator-Cheat-sheet.pdf" onclick="pageTracker._trackPageview('/outgoing/elegantcode.com/wp-content/uploads/2010/03/Jquery-Validator-Cheat-sheet.pdf?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;&lt;img title="25" src="http://technologytosoftware.com/wp-content/uploads/2010/09/25.jpg" width="550" height="189" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;文章：&lt;a href="http://technologytosoftware.com/most-useful-jquery-cheat-sheets.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/technologytosoftware.com/most-useful-jquery-cheat-sheets.html?referer=http%3A%2F%2Fwww.google.com.hk%2Fsearch%3Fhl%3Dzh-CN%26source%3Dhp%26q%3Djquery%26btnG%3DGoogle%2B%25E6%2590%259C%25E7%25B4%25A2%26aq%3Df%26aqi%3D%26aql%3D%26oq%3D%26gs_rfai%3D');"&gt;http://technologytosoftware.com/most-useful-jquery-cheat-sheets.html&lt;/a&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/justinw/aggbug/1830742.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/justinw/archive/2010/09/19/1830742.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/justinw/archive/2010/09/18/1830393.html</id><title type="text">[IE9] GPU硬件加速到底是实用创新还是噱头</title><summary type="text">IE9 的一个重大改进就是使用了GPU硬件加速来渲染网页。 那么GPU硬件加速到底能够带来多大的性能提升？ 你可以在IE的测试案例网站(http://ie.microsoft.com/testdrive/)找到答案。 其中最有名的渲染速度测试网页就是鱼缸测试 。 使用IE9和IE8以及其他浏览器分别打开该网页，立即可以对比出渲染速度的明显差异。 </summary><published>2010-09-18T12:48:00Z</published><updated>2010-09-18T12:48:00Z</updated><author><name>Justin</name><uri>http://www.cnblogs.com/justinw/</uri></author><link rel="alternate" href="http://www.cnblogs.com/justinw/archive/2010/09/18/1830393.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/justinw/archive/2010/09/18/1830393.html"/><content type="html">&lt;p&gt;IE9 的一个重大改进就是使用了&lt;strong&gt;GPU硬件加速&lt;/strong&gt;来渲染网页。 那么GPU硬件加速到底能够带来多大的性能提升？ 你可以在IE的测试案例网站(&lt;a href="http://ie.microsoft.com/testdrive/" target="_blank"&gt;http://ie.microsoft.com/testdrive/&lt;/a&gt;)找到答案。 其中最有名的渲染速度测试网页就是&lt;strong&gt;&lt;a href="http://ie.microsoft.com/testdrive/Performance/FishIE%20tank/Default.html" target="_blank"&gt;鱼缸测试&lt;/a&gt;&lt;/strong&gt; 。 使用IE9和IE8以及其他浏览器分别打开该网页，立即可以对比出渲染速度的明显差异。&amp;nbsp;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;鱼缸测试&lt;/strong&gt;网页网址：&lt;a href="http://ie.microsoft.com/testdrive/Performance/FishIE%20tank/Default.html" target="_blank"&gt;http://ie.microsoft.com/testdrive/Performance/FishIE%20tank/Default.html&amp;nbsp;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;在同一台机器上测试，其他浏览器，比如Firefox、Chrome ，在&lt;strong&gt;100条&lt;/strong&gt;鱼的时候&lt;strong&gt;已经卡死，&lt;/strong&gt;而IE9在&lt;strong&gt;1000条鱼&lt;/strong&gt;的时候还是流畅自如，你甚至还可以一边编译C++程序，一点都不干扰。 &amp;nbsp;如果有兴趣，可以进一步试试&lt;a href="http://ie.microsoft.com/testdrive/"&gt;http://ie.microsoft.com/testdrive/&lt;/a&gt;&amp;nbsp;下的其他速度测试（Performance栏下面的那几个链接），结果大致一样。&lt;/p&gt;&#xD;
&lt;p&gt;IE9的GPU硬件加速使网页渲染性能提高了&lt;strong&gt;10倍以上&lt;/strong&gt;，渲染速度达到&lt;strong&gt;60帧每秒&lt;/strong&gt;左右，达到了3D游戏的帧速要求。所以,&amp;nbsp;&lt;strong&gt;IE9渲染引擎将对Web开发产生革命性的影响&lt;/strong&gt;，&lt;strong&gt;IE9上的Web的 图形性能已经和windows程序相当，使复杂的Web应用和Web游戏成为实际可行方案。&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;GPU硬件加速是一个复杂的技术。 为了实现该技术，IE9的渲染引擎代码完全重写，从根本上引入了硬件访问接口Direct2D/DirectWrite/DirectX， 并且和各大显卡厂商(AMD,&amp;nbsp;Inten, Nvidia) 密切合作，经过长时间的研发调试，才到达如今这个效果。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;测试结果：IE9 &lt;span style="color: #ff0000;"&gt;1000&lt;/span&gt;条鱼&lt;/strong&gt; (&lt;strong&gt;&lt;span style="color: #ff0000;"&gt;56帧/秒&lt;/span&gt;&lt;/strong&gt;渲染速度)&lt;/p&gt;&#xD;
&lt;p&gt;&lt;img src="http://hi.csdn.net/attachment/201009/18/0_1284790492OdnJ.gif" alt="IE9 GPU" /&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;测试结果：IE9 &lt;span style="color: #ff0000;"&gt;500&lt;/span&gt;条鱼&amp;nbsp;&lt;/strong&gt;(&lt;strong&gt;&lt;span style="color: #ff0000;"&gt;大于60帧/秒&lt;/span&gt;&lt;/strong&gt;渲染速度)&lt;/p&gt;&#xD;
&lt;p&gt;&lt;img src="http://hi.csdn.net/attachment/201009/18/0_1284790453f5nq.gif" alt="IE9 GPU" /&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;测试结果： Chrome6&lt;/strong&gt;&amp;nbsp;&lt;strong&gt;&lt;span style="color: #ff0000;"&gt;100&lt;/span&gt;条鱼&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;&lt;span style="color: #ff0000;"&gt;3帧/秒&lt;/span&gt;&lt;/strong&gt;渲染速度)&lt;/p&gt;&#xD;
&lt;p&gt;&lt;img src="http://hi.csdn.net/attachment/201009/18/0_12847905555S55.gif" alt="IE9 GPU" /&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;测试结果： Firefox 3.6&lt;/strong&gt;&amp;nbsp;&lt;strong&gt;&lt;span style="color: #ff0000;"&gt;100&lt;/span&gt;条鱼&lt;/strong&gt;&amp;nbsp;(&lt;strong&gt;&lt;span style="color: #ff0000;"&gt;7帧/秒&lt;/span&gt;&lt;/strong&gt;渲染速度)&lt;/p&gt;&#xD;
&lt;p&gt;&lt;img src="http://hi.csdn.net/attachment/201009/18/0_12847905758zOD.gif" alt="IE9 GPU" /&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;总结：&amp;nbsp;&lt;/strong&gt;GPU硬件加速是浏览器渲染性能有了质的飞跃，是浏览器技术发展的大势所趋。我相信在IE9发布之后不久，其他浏览器也会这个方面在奋力赶上。 这对于Web开发者来说是再好不过的事情。 新一轮的Web开发技术热潮即将来临，Web应用进入一个新的历史阶段。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;span style="color: #ff0000;"&gt;&amp;gt;&amp;gt; 原创文章的版权属于作者，转载请注明出处(&lt;/span&gt;&lt;a href="http://blog.csdn.net/WinGeek/"&gt;&lt;span style="color: #ff0000;"&gt;http://blog.csdn.net/WinGeek/&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #ff0000;"&gt;)， 谢谢。 &amp;lt;&amp;lt;&lt;/span&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/justinw/aggbug/1830393.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/justinw/archive/2010/09/18/1830393.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/justinw/archive/2010/09/16/1828505.html</id><title type="text">[Share]10 Free EBooks for Web Designers</title><summary type="text">Introduction to Good UsabilityThis guide is especially handy if you haven&amp;rsquo;t done a lot of webdesign yet or if you are involved in webdesign but don&amp;rsquo;t do any of the real work. I hope to she...</summary><published>2010-09-16T15:37:00Z</published><updated>2010-09-16T15:37:00Z</updated><author><name>Justin</name><uri>http://www.cnblogs.com/justinw/</uri></author><link rel="alternate" href="http://www.cnblogs.com/justinw/archive/2010/09/16/1828505.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/justinw/archive/2010/09/16/1828505.html"/><content type="html">&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.peterpixel.nl/writings/introduction-to-good-usability/" target="_blank"&gt;Introduction to Good Usability&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.peterpixel.nl/writings/introduction-to-good-usability/" target="_blank"&gt;&lt;img src="http://webdesignledger.com/wp-content/uploads/2010/09/ebooks_designers_3.jpg" alt="ebooks for designers" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;This guide is especially handy if you haven&amp;rsquo;t done a lot of webdesign yet or if you are involved in webdesign but don&amp;rsquo;t do any of the real work. I hope to shed some light on some common interface elements and mistakes people often make with them.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://changethis.com/manifesto/show/6.HowToBeCreative" target="_blank"&gt;How To Be Creative&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://changethis.com/manifesto/show/6.HowToBeCreative" target="_blank"&gt;&lt;img src="http://webdesignledger.com/wp-content/uploads/2010/09/ebooks_designers_1.jpg" alt="ebooks for designers" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;If you&amp;rsquo;ve ever felt the draw to do something creative but just haven&amp;rsquo;t been able to pull it together, you&amp;rsquo;ll love this manifesto. Hugh MacLeod, an advertising executive and popular blogger with a flair for the creative, gives his 26 tried-and-true tips for being truly creative. Each point illustrated by a cartoon drawn by the author himself. &lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.aiga.org/content.cfm/why-design" target="_blank"&gt;Why design?&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.aiga.org/content.cfm/why-design" target="_blank"&gt;&lt;img src="http://webdesignledger.com/wp-content/uploads/2010/09/ebooks_designers_2.jpg" alt="ebooks for designers" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;What designers offer to clients is a way of thinking. The &amp;ldquo;Why design?&amp;rdquo; booklet outlines the role of design in business strategy. It seeks a common framework for why design adds value to clients&amp;rsquo; interests.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://changethis.com/manifesto/show/48.04.DesignFunnel" target="_blank"&gt;The Design Funnel: A Manifesto for Meaningful Design&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://changethis.com/manifesto/show/48.04.DesignFunnel" target="_blank"&gt;&lt;img src="http://webdesignledger.com/wp-content/uploads/2010/09/ebooks_designers_4.jpg" alt="ebooks for designers" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Would you like a process which would help translate the often vague, unclear wishes of your clients (and yourself, for that matter) into a clear and solid basis for your design? This manifesto will show you how.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://freehtml5templates.com/html5-quick-learning-guide/" target="_blank"&gt;HTML5 Quick Learning Guide&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://freehtml5templates.com/html5-quick-learning-guide/" target="_blank"&gt;&lt;img src="http://webdesignledger.com/wp-content/uploads/2010/09/ebooks_designers_5.jpg" alt="ebooks for designers" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;This guide introduces you to just the main elements of HTML5 that you&amp;rsquo;ll probably want to use right away. This guide is for those who want to get the basics figured out first, and worry about the finer details later on.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.wishfulthinking.co.uk/2007/12/03/time-management-for-creative-people-free-e-book/" target="_blank"&gt;Time Management for Creative People&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.wishfulthinking.co.uk/2007/12/03/time-management-for-creative-people-free-e-book/" target="_blank"&gt;&lt;img src="http://webdesignledger.com/wp-content/uploads/2010/09/ebooks_designers_6.jpg" alt="ebooks for designers" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Written by Mark McGuinness, this e-book serves as a guide for creative people to help them be more productive and better manage their time.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://woork.blogspot.com/2009/01/woork-handbook.html" target="_blank"&gt;The Woork Handbook&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://woork.blogspot.com/2009/01/woork-handbook.html" target="_blank"&gt;&lt;img src="http://webdesignledger.com/wp-content/uploads/2010/09/ebooks_designers_7.jpg" alt="ebooks for designers" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;The Woork Handbook is a free eBook about CSS, HTML, Ajax, web programming, Mootools, Scriptaculous and other topics about web design&amp;hellip; directly from Woork!&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://eloquentjavascript.net/" target="_blank"&gt;Eloquent JavaScript&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://eloquentjavascript.net/" target="_blank"&gt;&lt;img src="http://webdesignledger.com/wp-content/uploads/2010/09/ebooks_designers_8.jpg" alt="ebooks for designers" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Eloquent JavaScript is a digital book providing a comprehensive introduction (tutorial) to the JavaScript programming language. Apart from a bookful of text, it contains plenty of example programs, and an environment to try them out and play with them.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.aiga.org/content.cfm/archiving-guide" target="_blank"&gt;A Concise Guide to Archiving for Designers&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.aiga.org/content.cfm/archiving-guide" target="_blank"&gt;&lt;img src="http://webdesignledger.com/wp-content/uploads/2010/09/ebooks_designers_9.jpg" alt="ebooks for designers" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;This guide provides designers with the proper ways to store and describe their collections in 10 short chapters. The author, Karin van der Heiden, provided the translation.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://justcreativedesign.com/featured-articles/type-classification-ebook/" target="_blank"&gt;Type Classification&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://justcreativedesign.com/featured-articles/type-classification-ebook/" target="_blank"&gt;&lt;img src="http://webdesignledger.com/wp-content/uploads/2010/09/ebooks_designers_10.jpg" alt="ebooks for designers" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;This book has been made to help you learn the 10 broad classifications of type. These are the basic foundations of what you need to learn to learn typography and it is essential for any designer to know how to classify type.&lt;/p&gt;&#xD;
&lt;h2 &gt;Related Posts&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Here's some other articles that you will definitely find useful.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://webdesignledger.com/resources/20-design-blogs-worth-reading" rel="bookmark" title="Permanent Link to 20 Design Blogs Worth Reading"&gt;20 Design Blogs Worth Reading&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://webdesignledger.com/resources/20-design-blogs-worth-reading" rel="bookmark" title="Permanent Link to 20 Design Blogs Worth Reading"&gt;&lt;img src="http://webdesignledger.com/wp-content/uploads/2010/08/design_blogs/design_blogs.jpg" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://webdesignledger.com/freebies/10-free-online-books-for-web-designers" rel="bookmark" title="Permanent Link to 10 Free Online Books for Web Designers"&gt;10 Free Online Books for Web Designers&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://webdesignledger.com/freebies/10-free-online-books-for-web-designers" rel="bookmark" title="Permanent Link to 10 Free Online Books for Web Designers"&gt;&lt;img src="http://webdesignledger.com/wp-content/uploads/2010/07/web_design_books.jpg" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://webdesignledger.com/resources/turn-off-your-computer-and-go-read-a-book" rel="bookmark" title="Permanent Link to Turn Off Your Computer and Go Read a Book"&gt;Turn Off Your Computer and Go Read a Book&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://webdesignledger.com/resources/turn-off-your-computer-and-go-read-a-book" rel="bookmark" title="Permanent Link to Turn Off Your Computer and Go Read a Book"&gt;&lt;img src="http://webdesignledger.com/wp-content/uploads/2009/01/read_a_book.jpg" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;span style="color: #ff0000;"&gt;原文地址:http://webdesignledger.com/freebies/10-free-ebooks-for-web-designers&lt;/span&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/justinw/aggbug/1828505.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/justinw/archive/2010/09/16/1828505.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/justinw/archive/2010/09/12/1824638.html</id><title type="text">[Share]历年 JOLT 获奖书籍(下载)</title><summary type="text">1991Annotated C++ Reference Manual. by Margaret Ellis, Bjarne StroustrupThe Art of Human-Computer Interface Design. by Brenda LaurelProgramming Windows, 2nd Edition by Charles PetzoldTurbo C++ DiskTut...</summary><published>2010-09-12T15:36:00Z</published><updated>2010-09-12T15:36:00Z</updated><author><name>Justin</name><uri>http://www.cnblogs.com/justinw/</uri></author><link rel="alternate" href="http://www.cnblogs.com/justinw/archive/2010/09/12/1824638.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/justinw/archive/2010/09/12/1824638.html"/><content type="html">&lt;p&gt;&lt;strong&gt;1991&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Annotated C++ Reference Manual. by Margaret Ellis, Bjarne Stroustrup&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;The Art of Human-Computer Interface Design. by Brenda Laurel&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/06/programming-windows.html"&gt;Programming Windows, 2nd Edition&lt;/a&gt; by Charles Petzold&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Turbo C++ DiskTutor, by Greg Voss, Paul Chui&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;1992&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Object-Oriented Design with Applications. by Grady Booch&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Advanced C++: Programming Styles and Idioms. by James Coplien&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Object-Oriented Modeling and Design. by James rumbaugh, Michael Blaha, William Premerlani, Frederick Eddy, William Lorensen&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Object Lifecycles: Modeling the World in States. by Sally Shlaer, Steve Mellor&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;1993&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Undocumented Windows. by Andrew Schulman, David Maxey, Matt Pietrek&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Decline and Fall of the American Programmer. by Ed Yourdon&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Object-Oriented Software Engineering: A Use-Case Driven Approach. by Ivar Jacobson, Magnus Christerson, Patrik Jonsson, Gunnar Overgaard&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Literate Programming. by Donald Knuth&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2008/09/effective-cpp-third-edition-55-specific-ways-to-improve-your-programs-and-designs.html"&gt;Effective C++&lt;/a&gt; by Scott Meyers&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;1994&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2009/11/code-complete-second-edition.html"&gt;Code Complete&lt;/a&gt; by Steve McConnell&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Object-Oriented Design and Analysis with Applications, 2nd Edition. by Grady Booch&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Applied Cryptography. by Bruce Schneier&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Programming on Purpose, Vols. I and II. by P.J. Plauger&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Writing Solid Code. by Steve Maguire&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;1995&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Essential Client/Server Survival Guide. by Robert Orfali, Dan Harkey, Jeri Edwards&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Debugging the Development Process. by Steve Maguire&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2010/04/design-patterns-elements-of-reusable-object-oriented-software-2.html"&gt;Design Patterns&lt;/a&gt; by Erich Gamma, Richard Helm, Ralph Johnson, John Vlissides&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;The Design and Evolution of C++. by Bjarne Stroustrup&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;1996&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Thinking in C++, by Bruce Eckel&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;About Face: The Essentials of User Interface Design. by Alan Cooper&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;A Discipline for Software Engineering. by Watts Humphrey&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;1997&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2009/12/rapid-development.html"&gt;Rapid Development&lt;/a&gt; by Steve McConnell&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Creating a Software Engineering Culture. by Karl Weigers&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/10/pattern-oriented-software-architecture.html"&gt;Pattern-Oriented Software Architecture&lt;/a&gt; by Frank Buschmann, Regine Meunier, Hans Rohnert, Peter Sommerlad, Michael Stal&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;The Essential Distributed Objects Survival Guide. by Robert Orfali, Dan Harkey, and Jeri Edwards&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;1998&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Object-oriented Software Construction. by Bertrand Meyer&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;The Deadline: A Novel about Project Management. by Tom DeMarco&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2010/01/uml-distilled-2.html"&gt;UML Distilled: Applying the Standard Object Modeling Language&lt;/a&gt; by Martin Fowler,  Scott Kendall &lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Building Object Applications That Work, by Scott Ambler&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;1999&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Component Software&amp;mdash;Beyond Object-Oriented Programming. by Clemens Szyperski&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Anti-Patterns: Refactoring Software, Architectures, and Projects in Crisis. by William J. Brown, Raphael C. Malveau, Hays W. McCormick, Thomas Mowbray&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2008/09/software-architecture-in-practice-second-edition.html"&gt;Software Architecture in Practice&lt;/a&gt; by Len Bass, Paul Clements, Rick Kazman&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/08/thinking-in-javafourth-edition.html"&gt;Thinking in Java&lt;/a&gt; by Bruce Eckel&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;2000&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Software for Use: A Practical Guide to the Models and Methods of Usage Centered Design. by Larry Constantine, Lucy Lockwood&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/11/extreme-programming-explained-embrace-change-2nd-edition.html"&gt;Extreme Programming Explained: Embrace Change&lt;/a&gt; by Kent Beck&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Software Requirements. by Karl E. Wiegers&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;After the Gold Rush: Creating a True Profession of Software Engineering. by Steve M. McConnell&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;2001&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Adaptive Software Development. by James A. Highsmith III&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2010/08/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E7%A7%98%E7%AC%88don%E2%80%99t-make-me-think.html"&gt;Don't Make Me Think! A Common Sense Approach to Web Usability&lt;/a&gt; by Steve Krug&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/09/writing-effective-use-cases.html"&gt;Writing Effective Use Cases&lt;/a&gt; by Alistair Cockburn&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Secrets and Lies: Digital Security in a Networked World. by Bruce Schneier&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;2002&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2008/11/effective-java-2nd-edition.html"&gt;Effective Java&lt;/a&gt; by Joshua Bloch&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Agile Software Development. by Alistair Cockburn&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2010/09/software-craftsmanship.html"&gt;Software Craftsmanship&lt;/a&gt; by Pete McBreen&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Under Pressure and On Time. by Ed Sullivan&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;2003&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2009/09/agile-principles-patterns-and-practices-in-c.html"&gt;Agile Software Development: Principles, Patterns and Practices&lt;/a&gt; by Robert C. Martin&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2008/09/documenting-software-architectures.html"&gt;Documenting Software Architectures&lt;/a&gt; by Paul Clements, Felix Bachmann&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/11/test-driven-development-by-example.html"&gt;Test Driven Development: By Example&lt;/a&gt; by Kent Beck&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/06/patterns-of-enterprise-application-architecture.html"&gt;Patterns of Enterprise Application Architecture&lt;/a&gt; by Martin Fowler&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2009/08/thinking-in-javafourth-edition.html"&gt;Thinking in Java, 3rd Edition&lt;/a&gt; by Bruce Eckel&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Understanding Web Services: XML, WSDL, SOAP, and UDDI. by Eric Newcomer&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/11/core-java-volume-1-fundamentals-8th-edition.html"&gt;Core Java 2, Volume 1: Fundamentals&lt;/a&gt; by Cay Horstmann, Gary Cornell&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/02/php-and-mysql-web-development-4e.html"&gt;PHP and MySQL Web Development, 2nd Edition&lt;/a&gt; by Luke Welling, Laura Thomson&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;2004&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Waltzing with Bears. by Tom DeMarco, Timothy Lister&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/11/the-art-of-unix-programming.html"&gt;The Art of Unix Programming&lt;/a&gt; by Eric S. Raymond&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2008/09/lean-software-development.html"&gt;Lean Software Development: An Agile Toolkit&lt;/a&gt; by Mary Poppendieck, Tom Poppendieck&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;The Pragmatic Starter Kit, by Dave Thomas, Andy Hunt&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Test-Driven Development: A Practical Guide. by David Astels&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/12/about-face-2-0-the-essentials-of-interaction-design.html"&gt;About Face 2.0: The Essentials of Interaction Design&lt;/a&gt; by Alan Cooper, Robert Reimann&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Agile Database Techniques: Effective Strategies for the Agile Software Developer. by Scott W. Ambler&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2008/09/code-reading.html"&gt;Code Reading: The Open Source Perspective&lt;/a&gt; by Diomidis Spinellis&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;2005&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2009/11/head-first-design-patterns.html"&gt;Head First Design Patterns&lt;/a&gt; by Elisabeth Freeman, Eric Freeman, Bert Bates, Kathy&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/12/joel-on-software.html"&gt;Joel on Software&lt;/a&gt; by Joel Spolsky&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/11/refactoring-to-patterns.html"&gt;Refactoring to Patterns&lt;/a&gt; by Joshua Kerievsky&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Software Factories: Assembling Applications with Patterns, Models, Frameworks, and Tools. by Jack Greenfield, Keith Short, Steve Cook, Stuart Kent, John Crupi&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Better, Faster, Lighter Java. by Bruce A. Tate, Justin Gehtland&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2008/11/cpp-coding-standards.html"&gt;C++ Coding Standards: 101 Rules, Guidelines, and Best Practices&lt;/a&gt; by Herb Sutter, Andrei Alexandrescu&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Hibernate: A Developer's Notebook. by James Elliott&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Java Developer's Guide to Eclipse, 2nd Edition. by Jim D'Anjou, Scott Fairbrother, Dan Kehn, John Kellerman, Pat McCarthy&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;2006&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2009/11/prefactoring.html"&gt;Prefactoring&lt;/a&gt; by Ken Pugh&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;The Art of Project Management. by Scott Berkun&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Innovation Happens Elsewhere: Open Source as Business Strategy. by Ron Goldman, Richard P. Gabriel&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Producing Open Source Software: How to Run a Successful Free Software Project. by Karl Fogel&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2009/04/agile-web-development-with-rails-third-edition.html"&gt;Agile Web Development with Rails&lt;/a&gt; by Dave Thomas, David Hansson, Leon Breedt, Mike Clark&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/08/framework-design-guidelines-conventions-idioms-and-patterns-for-reusable-net-libraries-2nd-edition.html"&gt;Framework Design Guidelines: Conventions, Idioms, and Patterns for Reusable .NET Libraries&lt;/a&gt; by Krzysztof Cwalina, Brad Abrams&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2010/05/practical-common-lisp.html"&gt;Practical Common Lisp&lt;/a&gt; by Peter Seibel&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2010/03/why-programs-fail-second-edition-a-guide-to-systematic-debugging.html"&gt;Why Programs Fail: A Guide to Systematic Debugging&lt;/a&gt; by Andreas Zeller&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;2007&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2009/11/agile-software-development-the-cooperative-game-2nd-edition.html"&gt;Agile Software Development: The Cooperative Game&lt;/a&gt; by Alistair Cockburn&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Catastrophe Disentanglement. by E. M. Bennatan&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/11/practices-of-an-agile-developer.html"&gt;Practices of an Agile Developer&lt;/a&gt; by Venkat Subramaniam, Andy Hunt&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Software Estimation: Demystifying the Black Art. by Steve McConnell&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2009/12/head-first-object-oriented-analysis-and-design.html"&gt;Head First Object-Oriented Analysis &amp;amp;amp; Design&lt;/a&gt; by B. McLaughlin, G. Pollice, D. West&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2010/05/code-quality.html"&gt;Code Quality&lt;/a&gt; by Diomidis Spinellis&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/11/refactoring-databases-evolutionary-database-design.html"&gt;Refactoring Databases&lt;/a&gt; by Scott W. Ambler, P.J. Sadalage&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/12/css-the-missing-manual-second-edition.html"&gt;CSS: The Missing Manual&lt;/a&gt; by David Sawyer McFarland&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;2008&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2009/11/beautiful-code.html"&gt;Beautiful Code&lt;/a&gt; by Andy Oram, Greg Wilson&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2010/02/manage-it-your-guide-to-modern-pragmatic-project-management.html"&gt;Manage It!: Your Guide to Modern Pragmatic Project Management&lt;/a&gt; by Johanna Rothman&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2010/08/myths-of-innovation.html"&gt;The Myths of Innovation&lt;/a&gt; by Scott Berkun&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Release It: Design and Deploy Production-Ready Software. by Michael T. Nygard&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2009/11/continuous-integration.html"&gt;Continuous Integration: Improving Software Quality and Reducing Risk&lt;/a&gt; by Paul Duvall, Steve Matyas, Andrew Glover&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Head First SQL Your Brain on SQL: A Learner's Guide. by Lynn Beighley&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;The Rails Way. by Obie Fernandez&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/09/xunit-test-patterns-refactoring-test-code.html"&gt;xUnit Test Patterns: Refactoring Test Code&lt;/a&gt; by Gerard Meszaros&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;2009&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Adrenaline Junkies and Template Zombies: Understanding Patterns of Project Behavior. by Tom Demarco, Peter Hruschka, Tim Lister, Suzanne Robertson, James Robertson, Steve McMenamin&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/01/emergent-design-the-evolutionary-nature-of-professional-software-development.html"&gt;Emergent Design: The Evolutionary Nature of Professional Software Development&lt;/a&gt; by Scott L. Bain&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;Intellectual Property and Open Source: A Practical Guide to Protecting Code. by Van Lindberg&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2009/11/real-world-haskell.html"&gt;Real World Haskell&lt;/a&gt; by Bryan O'Sullivan, John Goerzen, Don Stewart&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/12/high-performance-mysql-second-edition.html"&gt;High Performance MySQL: Optimization, Backups, Replication, and More&lt;/a&gt; by Baron Schwartz, Peter Zaitsev, Vadim Tkachenko, Jeremy Zawodny, Arjen Lentz, Derek J. Balling&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2009/04/programming-in-scala-a-comprehensive-step-by-step-guide.html"&gt;Programming in Scala&lt;/a&gt; by Martin Odersky, Lex Spoon, Bill Venners&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&#xD;
&lt;p&gt;&lt;strong&gt;2010&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ppurl.com/2009/12/masterminds-of-programming-conversations-with-the-creators-of-major-programming-languages.html"&gt;Masterminds of Programming: Conversations with the Creators of Major Programming Languages&lt;/a&gt; by Federico Biancuzzi, Shane Warden&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;ol&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;SDLC 3.0: Beyond a Tacit Understanding of Agile. by Mark Kennaley&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;li&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.ppurl.com/2010/08/hello-world-computer-programming-for-kids-and-other-beginners.html"&gt;Hello World! Computer Programming for Kids and Other Beginners&lt;/a&gt; by Carter Sande&lt;/p&gt;&#xD;
&lt;/li&gt;&#xD;
&lt;/ol&gt;&lt;img src="http://www.cnblogs.com/justinw/aggbug/1824638.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/justinw/archive/2010/09/12/1824638.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/justinw/archive/2010/09/09/1821943.html</id><title type="text">[Share]JavaScript Testing Beginner's Guide</title><summary type="text">推荐这本难得的好书：[ Detailed Information ]Language :  EnglishPaperback : 272 pages [ 235mm x 191mm ]Release Date : August 2010ISBN : 1849510008ISBN 13 : 978-1-849510-00-4Author(s) : Liang Yuxian Eugene[ Book ...</summary><published>2010-09-09T01:11:00Z</published><updated>2010-09-09T01:11:00Z</updated><author><name>Justin</name><uri>http://www.cnblogs.com/justinw/</uri></author><link rel="alternate" href="http://www.cnblogs.com/justinw/archive/2010/09/09/1821943.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/justinw/archive/2010/09/09/1821943.html"/><content type="html">&lt;p&gt;&lt;span style="font-size: 18pt;"&gt;推荐这本难得的好书：&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a target="_blank" href="http://www.ppurl.com/2010/09/javascript-testing-beginners-guide.html"&gt;&lt;img src="http://pic002.cnblogs.com/img/justinw/201009/2010090909030023.jpg" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;h3 &gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;h3 &gt;[ Detailed Information ]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;b&gt;Language : &lt;/b&gt; English&lt;br /&gt;&lt;b&gt;Paperback : &lt;/b&gt;272 pages [ 235mm x 191mm ]&lt;br /&gt;&lt;b&gt;Release Date : &lt;/b&gt;&lt;span &gt;August 2010&lt;/span&gt;&lt;br /&gt;&lt;b&gt;ISBN : &lt;/b&gt;1849510008&lt;br /&gt;&lt;b&gt;ISBN 13 : &lt;/b&gt;978-1-849510-00-4&lt;br /&gt;&lt;b&gt;Author(s) : &lt;/b&gt;&lt;a href="https://www.packtpub.com/authors/profiles/liang-yuxian-eugene"&gt;Liang Yuxian Eugene&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;h2 &gt;[ Book Links ]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;h2 &gt;&lt;span style="font-family: verdana,geneva;"&gt;&lt;strong&gt;&lt;span style="font-size: 24pt;"&gt;&lt;a target="_blank" href="http://www.ppurl.com/2010/09/javascript-testing-beginners-guide.html"&gt;Download EBook&lt;/a&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;h3 &gt;[ In Detail ]&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;JavaScript is an important part of web development in today&amp;rsquo;s Web 2.0 world. While there are many JavaScript frameworks in the market, learning to write, test, and debug JavaScript without the help of any framework will make you a better JavaScript developer. However, testing and debugging can be time consuming, tedious, and painful. This book will ease your woes by providing various testing strategies, advice, and tool guides that will make testing smooth and easy.&lt;/p&gt;&#xD;
&lt;p&gt;This book shows you the most essential features of JavaScript, which you will be using in your daily development, testing, and debugging tasks. You will learn to use the most basic functions of JavaScript to perform ad hoc testing quickly and efficiently.&lt;/p&gt;&#xD;
&lt;p&gt;This book is organized in an easy to follow, step-by-step tutorial style to maximize your learning. You will first learn about the different types of errors you will most often encounter as a JavaScript developer. You will also learn the most essential features of JavaScript through our easy to follow examples.As you go along, you will learn how to write better JavaScript code through validation. Learning how to write validated code alone will help you improve tremendously as a JavaScript developer and most importantly, to write JavaScript code that runs better, faster, and with less bugs.&lt;/p&gt;&#xD;
&lt;p&gt;As our JavaScript program gets larger, we need better ways of testing our JavaScript code. You will learn how to go about various testing concepts and how to use them in your test plan. After which, you will learn how to implement the test plan for your code. To accommodate more complex JavaScript code, you will learn more about the built-in features of JavaScript to identify and catch different types of JavaScript error. Such information helps to spot the root of the problem so that you can act on it. &lt;/p&gt;&#xD;
&lt;p&gt;Finally, you will learn how to make use of the built-in browser tools and other external tools to automate your testing process.&lt;/p&gt;&#xD;
&lt;p&gt;Learn how to test and debug JavaScript through example-driven tutorials.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;br /&gt;&#xD;
&lt;b&gt;What you will learn from this book :&lt;/b&gt;&lt;/p&gt;&#xD;
&lt;ul&gt;&#xD;
&lt;li&gt;Relationship between HTML, CSS, and JavaScript&lt;/li&gt;&#xD;
&lt;li&gt;Different types of JavaScript error&lt;/li&gt;&#xD;
&lt;li&gt;How to perform ad hoc testing&lt;/li&gt;&#xD;
&lt;li&gt;How to validate your JavaScript code&lt;/li&gt;&#xD;
&lt;li&gt;Different testing concepts&lt;/li&gt;&#xD;
&lt;li&gt;Create a test plan and implement it&lt;/li&gt;&#xD;
&lt;li&gt;How to test more complex code by using JavaScript&amp;rsquo;s exception handling&lt;/li&gt;&#xD;
&lt;li&gt;Learn how to test the user interface controlled by JavaScript&lt;/li&gt;&#xD;
&lt;li&gt;How to debug your code using tools such as Google Chrome, Javascript Debugger, and Firefox's Venkman Extension. &lt;/li&gt;&#xD;
&lt;li&gt;How to further automate your testing process using Sahi, Qunit, and JsLitmus&lt;/li&gt;&#xD;
&lt;li&gt;Other testing tools that will make your testing process easier and less painful&lt;/li&gt;&#xD;
&lt;/ul&gt;&#xD;
&lt;p&gt;&lt;br /&gt;&#xD;
&lt;b&gt;Approach&lt;/b&gt;&lt;/p&gt;&#xD;
&lt;p&gt;This book is organized such that only the most essential information is provided to you in each chapter so as to maximize your learning. Examples and tutorials are given in an easy to follow, step-by-step manner so that you can see how the testing process is being carried out and how the code is being written. The source code also contains detailed explanation so that you know what the code is doing. Multiple screenshots are used in places that matter so that you have a visual sense of what is happening.&lt;/p&gt;&#xD;
&lt;p&gt;&lt;br /&gt;&lt;b&gt;Who this book is written for&lt;/b&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Beginner JavaScript developers looking for essential ways to write, test, and debug JavaScript for different purposes and situations.&lt;/p&gt;&lt;img src="http://www.cnblogs.com/justinw/aggbug/1821943.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/justinw/archive/2010/09/09/1821943.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry></feed>
