<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-38045105</id><updated>2012-02-16T00:03:23.118-08:00</updated><category term='可用性'/><category term='交互设计'/><category term='知识库'/><category term='杂事'/><title type='text'>体验 . 潘多拉</title><subtitle type='html'>a story about user-experience</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>44</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-38045105.post-8636448311814731517</id><published>2007-03-14T22:50:00.001-07:00</published><updated>2007-03-14T22:50:36.256-07:00</updated><title type='text'>教你10招最有效防电脑辐射方法，关乎你的健康！</title><content type='html'>&lt;DIV&gt;&lt;SPAN class=tpc_content&gt;&lt;FONT size=2&gt;第一招：在电脑旁放上几盆仙人掌，它可以有效地吸收辐射;   &lt;BR&gt;&lt;BR&gt;第二招：还对于生活紧张而忙碌的人群来说，抵御电脑辐射最简单的办法就是在每天上午喝2至3杯的绿茶，吃一个橘子。茶叶中含有丰富的维生素Ａ原，它被人体吸收后，能迅速转化为维生素Ａ。维生素Ａ不但能合成视紫红质，还能使眼睛在暗光下看东西更清楚，因此，绿茶不但能消除电脑辐射的危害，还能保护和提高视力。如果不习惯喝绿茶，菊花茶同样也能起着抵抗电脑辐射和调节身体功能的作用,螺旋藻、沙棘油也具有抗辐射的作用；   &lt;BR&gt;&lt;BR&gt;第三招：上网前先做好护肤隔离，如使用珍珠膜，独特的"南珠翠膜"在肌肤上形成一层0.001mm珍珠膜，可以有效防止污染环境的侵害和辐射;其次电脑使用后，脸上会吸附不少电磁辐射的颗粒，要及时用清水洗脸，这样将使所受辐射减轻70％以上！   &lt;BR&gt;&lt;BR&gt;第四招：操作电脑时最好在显示屏上安一块电脑专用滤色板以减轻辐射的危害，室内不要放置闲杂金属物品，以免形成电磁波的再次发射。使用电脑时，要调整好屏幕的亮度，一般来说，屏幕亮度越大，电磁辐射越强，反之越小。不过，也不能调得太暗，以免因亮度太小而影响效果，且易造成眼睛疲劳。   &lt;BR&gt;&lt;BR&gt;第五招:应尽可能购买新款的电脑，一般不要使用旧电脑，旧电脑的辐射一般较厉害，在同距离、同类机型的条件下，一般是新电脑的1－2倍。   &lt;BR&gt;&lt;BR&gt;第六招:电脑摆放位置很重要。尽量别让屏幕的背面朝着有人的地方，因为电脑辐射最强的是背面，其次为左右两侧，屏幕的正面反而辐射最弱。以能看清楚字为准，至少也要50厘米到75厘米的距离，这样可以减少电磁辐射的伤害。   &lt;BR&gt;&lt;BR&gt;第七招:　注意室内通风：科学研究证实，电脑的荧屏能产生一种叫溴化二苯并呋喃的致癌物质。所以，放置电脑的房间最好能安装换气扇，倘若没有，上网时尤其要注意通风。   &lt;BR&gt;&lt;BR&gt;第八招:注意酌情多吃一些胡萝卜、豆芽、西红柿、瘦肉、动物肝等富含维生素A、C和蛋白质的食物，经常喝些绿茶等等。   &lt;BR&gt;&lt;BR&gt;第九招:经常在电脑前工作的人常会觉得眼睛干涩疼痛，所以，在电脑桌上放几支香蕉很有必要，香蕉中的钾可帮助人体排出多余的盐分，让身体达到钾钠平衡，缓解眼睛的不适症状。此外，香蕉中含有大量的β胡萝卜素，当人体缺乏这种物质时，眼睛就会变得疼痛、干涩、眼珠无光、失水少神，多吃香蕉不仅可减轻这些症状，还可在一定程度上缓解眼睛疲劳，避免眼睛过早衰老.   &lt;/FONT&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-8636448311814731517?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/8636448311814731517/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=8636448311814731517' title='45 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8636448311814731517'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8636448311814731517'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/10.html' title='教你10招最有效防电脑辐射方法，关乎你的健康！'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>45</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-1098119774079976310</id><published>2007-03-14T01:17:00.000-07:00</published><updated>2007-03-14T01:19:33.487-07:00</updated><title type='text'>产品经理眼中的产品</title><content type='html'>&lt;DIV&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;产品是个很大，也是很有相对性的一个概念，对于消费者来说，产品就是他们使用的具体物品（国内的消费者还没有把服务当成产品的习惯，比如金融企业推出的各类理财服务，其实就是金融机构推出的产品，但是消费者不太习惯于把无形的物品称为产品，因此，金融机构在推出这类产品的时候，也一般使用"某某服务"的名称），比如汽车是产品，手机也是产品；对于产品过程中的具体执行人来说，就分的更细了，比如对于市场人员来说，产品应该就是多个需求的集中体现，是抽象的；对于技术人员来说，产品就应该是图纸上的，可以被用来工业化的东西，看似抽象，实则形象；对于销售人员来说，产品就是具有包装的可带来利润的实质物品，是可以看的到，摸的到的东西。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;但是作为产品经理，如果按照上面的角度去理解产品，那么就非常片面了，不但对于自己，而且对于自己的公司都是非常不负责任的。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;老汤也做过几个产品，现在简单总结一下，愿意和各位兄弟交流一下自己的个人经验，谢谢各位兄弟捧场。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;作为我个人来说，我在考虑一个产品的时候，一般是从以下&lt;/SPAN&gt; &lt;SPAN   style="FONT-FAMILY: 宋体"&gt;个方面来考虑的：&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;STRONG&gt;&lt;SPAN lang=EN-US&gt;1&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;STRONG&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;、需求&lt;/SPAN&gt;&lt;SPAN lang=EN-US&gt;   &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;/STRONG&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;这个不用说的太多，需求是产品的灵魂，凡是做为产品经理，其实每天都在和各种各样与自己产品有关的需求打交道，这些需求来自于市场，来自于高层意愿，也来自于个人的想法，这里提到的需求和市场部门认识的需求是不一样的，市场认识的需求是零散和无序的，对于他们来说，这些需求可能就是一个市场机会，一个好的卖点，但是如果产品经理也这样认为，就可能会出现问题，并不是说这些需求无用，而是产品经理应该考虑的是这些需求如何用，而不是简单的去满足每一个需求点。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;产品经理一定要学会放弃，就是这个道理（这个，老汤会再总结一篇文章来讲的，&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;^_^&lt;/SPAN&gt;&lt;SPAN style="FONT-FAMILY: 宋体"&gt;！）&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;因此说，同样是对需求的认识，产品经理的认识要比市场部门更加理性和全面，这样才能形成一个好的&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;MRD&lt;/SPAN&gt;&lt;SPAN style="FONT-FAMILY: 宋体"&gt;。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;STRONG&gt;&lt;SPAN lang=EN-US&gt;2&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;STRONG&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;、特征&lt;/SPAN&gt;&lt;SPAN lang=EN-US&gt;   &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;/STRONG&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;特征是比需求要更具体和更形象的表现，众多的需求可能最终在&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;PRD&lt;/SPAN&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;中只能形成几个特征而已，也就是这几个特征决定了产品的市场能力，说到这里，肯定会有朋友问，这不就是产品卖点吗？是的，没错，这和&lt;NOBR&gt;&lt;A   class=iAs oncontextmenu="return false;" onmousemove=kwM(1);   onmouseover=kwE(event,1);   style="COLOR: rgb(0,0,255); BORDER-BOTTOM: rgb(0,0,0) 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline"   onclick="window.open('http://www.baidu.com/s?wd=site:(bokee.com)市场部','_blank');"   onmouseout=kwL(event);   target=_blank&gt;市场部&lt;/A&gt;&lt;/NOBR&gt;门在产品推广策略中形成的产品卖点是一致的，我的意思是作为产品经理，要比其他部门先行一步，在产品还存在于文字的时候，就要把产品卖点考虑清楚，否则就会出现这样的问题：产品出来以后，毫无特点，市场部门无法制定有效的推广策略，并且还浪费了大量的人力和财力，一个毫无特点的产品在竞争如此激烈的环境中，其生命周期之短可想而知。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;之所以在这里让产品经理用特征来理解产品&lt;NOBR&gt;&lt;A class=iAs   oncontextmenu="return false;" onmousemove=kwM(2); onmouseover=kwE(event,2);   style="COLOR: rgb(0,0,255); BORDER-BOTTOM: rgb(0,0,0) 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline"   onclick="window.open('http://www.baidu.com/s?wd=site:(bokee.com)卖点','_blank');"   onmouseout=kwL(event);   target=_blank&gt;卖点&lt;/A&gt;&lt;/NOBR&gt;，就是希望各位兄弟尽量在这个层面上多下功夫，不要指望产品出来后再冥思苦想产品卖点，而是在一开始的时候，就要想清楚，如果想不清楚，这个产品就不要做。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;STRONG&gt;&lt;SPAN lang=EN-US&gt;3&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;STRONG&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;、技术手段&lt;/SPAN&gt;&lt;SPAN lang=EN-US&gt;   &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;/STRONG&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;需求明确，特征清晰，那就让我们做吧，&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;^_^&lt;/SPAN&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;，不要以为到了技术化阶段的时候，自己就是控制一下进度，督促一下技术人员，协调一下开发资源，自己退居二线，完全交给研发经理来做。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;作为产品经理，对实现自己产品的技术一点都不了解，这肯定是不合适的。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;举个例子：开发一套电子商务系统，&lt;NOBR&gt;&lt;A class=iAs   oncontextmenu="return false;" onmousemove=kwM(3); onmouseover=kwE(event,3);   style="COLOR: rgb(0,0,255); BORDER-BOTTOM: rgb(0,0,0) 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline"   onclick="window.open('http://www.baidu.com/s?wd=site:(bokee.com)需求','_blank');"   onmouseout=kwL(event);   target=_blank&gt;需求&lt;/A&gt;&lt;/NOBR&gt;非常明确，程序实现也没有困难，这对于许多产品经理来说，就会觉的没有问题了，做就可以了，其实不然，用&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;ACCESS&lt;/SPAN&gt;&lt;SPAN style="FONT-FAMILY: 宋体"&gt;和&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;SQL&lt;/SPAN&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;的数据库，其效果可能会大相径庭，这时候，产品经理就要考虑这个系统预期的用户规模，&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;10&lt;/SPAN&gt;&lt;SPAN style="FONT-FAMILY: 宋体"&gt;万和&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;100&lt;/SPAN&gt;&lt;SPAN style="FONT-FAMILY: 宋体"&gt;万，甚至&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;1000&lt;/SPAN&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;万的用户规模对数据库的要求完全不一样。不要等着技术人员来和你说，你要想清楚后和他们去说，因为技术人员不知道这个系统要承载多少用户，如果自己没考虑清楚，匆忙去做，等发现系统无法承载的时候，改数据库可就麻烦了。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;我见过一些这样的产品经理，产品的构想非常好，但是就是因为缺乏对技术实现手段的了解，产品设计文档显的非常单薄，根本无法获得技术部门的认可，并且对于产品可能会出现的技术风险也没有足够的认识。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;产品经理一定要了解产品实现的技术手段，了解技术不是为了在发现问题的时候去和技术人员辩论如何去做，而是让自己在考虑产品的时候更全面，更可行，少走弯路。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;SPAN lang=EN-US&gt;  &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;STRONG&gt;&lt;SPAN lang=EN-US&gt;4&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;STRONG&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;、实现资源&lt;/SPAN&gt;&lt;SPAN lang=EN-US&gt;   &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;/STRONG&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;明确了技术手段，其实就是明确了产品能够实现的程度，但是不要以为这就可以放开去做了，还有一个很容易忽视的因素就是"实现资源"。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;实现的资源主要包括：人力；物力；财力。通俗的说就是公司能提供多少人，提供多少设备，提供多少钱来做这个产品，简单的说就是产品经理应该"有什么武器打什么仗"，我想现在国内还没有几家公司能够具有"打什么仗用什么武器的"的条件。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;公司提供给产品经理的资源直接决定了产品能够做成什么样子，这不是危言耸听，其实好多产品经理都有这样的体会，产品设计的非常好，但是就是因为公司无法给予足够的资源，最终做出来的产品和&lt;NOBR&gt;&lt;A   class=iAs oncontextmenu="return false;" onmousemove=kwM(6);   onmouseover=kwE(event,6);   style="COLOR: rgb(0,0,255); BORDER-BOTTOM: rgb(0,0,0) 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline"   onclick="window.open('http://www.baidu.com/s?wd=site:(bokee.com)图纸','_blank');"   onmouseout=kwL(event);   target=_blank&gt;图纸&lt;/A&gt;&lt;/NOBR&gt;上的差别很大，其实这是一种很无奈的事情，毕竟想是一件事，做就是另一件事了，想可以天马行空的去构造你的梦，而做就会必然受到各种客观条件的限制，开发人员不够，或者开发人员够了，但是技术水平不行，或者缺乏必要的技术设备，或者有设备，没有懂设备的人去操作，等等。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;因此说，产品经理在考虑产品时候，千万要把自己能够控制的资源搞清楚，然后才去制定切合实际的产品开发周期以及接下来的各种工作。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;SPAN lang=EN-US&gt;  &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;STRONG&gt;&lt;SPAN lang=EN-US&gt;5&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;STRONG&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;、开发周期&lt;/SPAN&gt;&lt;SPAN lang=EN-US&gt;   &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;/STRONG&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;明确了自己的产品可以拥有的资源后，产品经理就可以制定出一个比较客观的开发周期了，这里就不做太多介绍了，大家都是很熟悉如何置顶开发周期的，我就说一些&lt;NOBR&gt;&lt;A   class=iAs oncontextmenu="return false;" onmousemove=kwM(0);   onmouseover=kwE(event,0);   style="COLOR: rgb(0,0,255); BORDER-BOTTOM: rgb(0,0,0) 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline"   onclick="window.open('http://www.baidu.com/s?wd=site:(bokee.com)老汤','_blank');"   onmouseout=kwL(event); target=_blank&gt;老汤&lt;/A&gt;&lt;/NOBR&gt;个人的一点经验吧：&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="MARGIN-LEFT: 18pt; TEXT-INDENT: -18pt"&gt;&lt;SPAN   lang=EN-US&gt;&lt;SPAN&gt;1）&lt;SPAN   style="FONT: 7pt 'Times New Roman'; font-size-adjust: none; font-stretch: normal"&gt;&amp;nbsp;   &lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;开发周期一定要多打一些富余，比如说预估的开发周期是&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;30&lt;/SPAN&gt;&lt;SPAN style="FONT-FAMILY: 宋体"&gt;天，就一定不要卡着&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;30&lt;/SPAN&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;天去做，一定要把项目富余时间算进去，我的经验是富余时间占预估时间的&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;20%&lt;/SPAN&gt;&lt;SPAN style="FONT-FAMILY: 宋体"&gt;，如果是&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;30&lt;/SPAN&gt;&lt;SPAN style="FONT-FAMILY: 宋体"&gt;天，做计划的时候就是&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;36&lt;/SPAN&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;天，这是因为要考虑项目的风险，时间富余一些是规避风险的一种方法，这里不做太多介绍了，大家有时间可以了解一些项目管理的知识。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="MARGIN-LEFT: 18pt; TEXT-INDENT: -18pt"&gt;&lt;SPAN   lang=EN-US&gt;&lt;SPAN&gt;2）&lt;SPAN   style="FONT: 7pt 'Times New Roman'; font-size-adjust: none; font-stretch: normal"&gt;&amp;nbsp;   &lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;SPAN style="FONT-FAMILY: 宋体"&gt;千万不要拍&lt;NOBR&gt;&lt;A class=iAs   oncontextmenu="return false;" onmousemove=kwM(4); onmouseover=kwE(event,4);   style="COLOR: rgb(0,0,255); BORDER-BOTTOM: rgb(0,0,0) 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline"   onclick="window.open('http://www.baidu.com/s?wd=site:(bokee.com)胸脯','_blank');"   onmouseout=kwL(event);   target=_blank&gt;胸脯&lt;/A&gt;&lt;/NOBR&gt;：产品不是个人的产品，而是整个公司的产品，个人一定要对产品负责，千万不要向高层拍胸脯去承诺什么，而是应该实事求是的去按照既定的开发计划去做，出现问题要及时分析和解决，自己的资源无法解决的一定要及时汇报给高层，该调整就调整，没有什么不好意思的，不要以为拍了胸脯就必须做到，世界上鲜有这样的事情，就连&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;vista&lt;/SPAN&gt;&lt;SPAN style="FONT-FAMILY: 宋体"&gt;都会延迟发布时间。&lt;/SPAN&gt;&lt;/P&gt;  &lt;DIV class=MsoNormal style="MARGIN-LEFT: 18pt; TEXT-INDENT: -18pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;&lt;FONT   face=Verdana&gt;3）要敢于向高层说"不"。谁最了解产品，是产品经理，谁能做到产品心中有数，是产品经理，谁对产品负责，还是产品经理，从这个角度说，除了产品经理，其它的人相对于产品来说，都是&lt;NOBR&gt;&lt;A   class=iAs oncontextmenu="return false;" onmousemove=kwM(5);   onmouseover=kwE(event,5);   style="COLOR: rgb(0,0,255); BORDER-BOTTOM: rgb(0,0,0) 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline"   onclick="window.open('http://www.baidu.com/s?wd=site:(bokee.com)外行','_blank');"   onmouseout=kwL(event);   target=_blank&gt;外行&lt;/A&gt;&lt;/NOBR&gt;，既然是外行，就肯定会提出外行的问题，比如高层不切实际的开发周期要求，30天才能做完的项目，高层让你10天做完，如果你不去说"不"，等待你的就是痛苦的折磨。&lt;/FONT&gt;     &lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;  &lt;DIV&gt;  &lt;P class=MsoNormal&gt;&lt;STRONG&gt;&lt;SPAN lang=EN-US&gt;6&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;STRONG&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;、产品定位&lt;/SPAN&gt;&lt;SPAN lang=EN-US&gt;   &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;/STRONG&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;产品并不是一个简单的功能的集合，一部汽车可以说是一个产品，也可以说不是一个产品，没有良好的产品定位，这个产品就只是一个看得见得概念而已，车展上的概念车，你可以说是一个产品，但它并没有一个市场定位，就是说，它还是不完整的，只是汽车技术的堆砌而已。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;因此，产品经理在考虑产品的时候，不要只看到一个介质，一个实物的东西，互联网的产品经理不要只考虑网站平台应该如何架构，软件产品经理不要只看到那张最终完成的光盘，而是要赋予这些介质能够传达下去的灵魂，这就是产品的市场定位。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;在考虑定位的时候，产品经理要多问自己一些问题"我这个产品是做给谁的？"，"产品的目标用户在什么地方？"，"目标用户都有什么特征？"，"我是否有竞争对手？"，"竞争对手的产品有什么特点？"，"我应该如何扬长避短？"等等。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;其实，这个方面无须多讲了，这里就简单提一下。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;SPAN lang=EN-US&gt;  &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;STRONG&gt;&lt;SPAN lang=EN-US&gt;7&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;STRONG&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;、市场策略&lt;/SPAN&gt;&lt;SPAN lang=EN-US&gt;   &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;/STRONG&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;有了明确的市场定位，就要从定位去考虑客观可行的市场策略了。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;市场策略是建立在明确的定位之上的，比如说，一个产品的目标用户是年轻的女性群体，在制定市场策略的时候，就要考虑从年轻女性的角度去推广产品，例如在做广告的时候就要考虑这个群体的心理感受是什么，什么样的广告模式和内容最能够打动这类用户，甚至包括在促销时的促销员，也应该考虑是否符合目标用户的口味，最常见的就是超市，促销啤酒的几乎都是身穿短裙的年轻女孩，而促销日常食品（比如说食用油）的肯定是打扮很随意的中年妇女，这是因为从啤酒的消费群体以年轻男性为主，用年轻女孩去促销，肯定会吸引很多目标用户的眼球，而促销食用油的中年妇女，一般都是成家的了，她可以用现身说法的方式来接近消费者，而食用油的购买者一般来说也是以成家的年纪稍微大些的女性为主。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;上面举的例子有些太具体了，我想说的意思就是产品经理在考虑市场策略的时候，一定要考虑的全面一些，尽量把策略的细节想到，在这个过程中多和市场部的同事沟通，毕竟产品经理在市场方面不是太专业，要把自己的想法说出来，说明理由，定位合适的产品只有结合可行的市场策略才能显现出强大的市场侵占能力。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;SPAN lang=EN-US&gt;  &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;STRONG&gt;&lt;SPAN lang=EN-US&gt;8&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;STRONG&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;、服务&lt;/SPAN&gt;&lt;SPAN lang=EN-US&gt;   &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;/STRONG&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;这个方面是容易被忽视的，虽然现在几乎所有的公司都把"服务"挂在嘴上，其实都没有在细节上去下功夫，包括很多的产品经理。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;在国外，有些公司提出了"产品是服务的一种延伸"的理论，比如说&lt;/SPAN&gt;&lt;SPAN   lang=EN-US&gt;IBM&lt;/SPAN&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;，你说他是一家做软件的公司，还是做服务的公司？其实在我看来，服务是产品不可分割的一个重要组成部分，因此，在考虑产品的时候，就一定要把服务的因素考虑进去。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;不要只把眼光放在那个具有很多功能集合的实物上去，我个人的做法是：在考虑产品的时候，就要把产品上线后的服务因素加入到产品中，具体的说，就是当前的客服部门是否能够满足新产品的需要，目前有什么服务形式，是否需要加强客服，如何提高客服的效率，用什么形式能够更好的实现对用户的服务，是否需要制定满足新产品的客服流程，如何从对客户的服务中获取有价值的信息等等。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;不要把产品和客服割裂看，认为产品经理就是做产品，服务是客服部门的事情，这就有些不对了，我就提议产品经理应该在有时间的时候去客串一下客服的角色，了解一下现实用户对自己产品的真实心理。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;STRONG&gt;&lt;SPAN lang=EN-US&gt;9&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;STRONG&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;、价格&lt;/SPAN&gt;&lt;SPAN lang=EN-US&gt;   &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;/STRONG&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;一个产品价格的制定不是拍脑袋想出来，是需要从刚才提到的多个方面来综合考虑的：&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;SPAN lang=EN-US&gt;1&lt;/SPAN&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;）实现资源：公司为这个产品付出了多少人力，物力，财力，这是最基础的产品成本；&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;SPAN lang=EN-US&gt;2&lt;/SPAN&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;）市场定位：要知道做出来的产品是针对什么用户人群的，是大众用户还是专业用户，这个用户群普遍能够接受的产品价格是什么范围；如果是做区域市场，就要考虑不同级别市场的消费能力怎么样；&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;SPAN lang=EN-US&gt;3&lt;/SPAN&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;）市场策略：如果想尽快占领市场，价格如何制定才能具有竞争力，才能吸引用户，不论是高价策略还是低价策略，都是要根据产品的市场策略来走，比如说走低价策略的产品，很有可能这个产品就不是用来挣钱的，而是用来冲击市场的，树立品牌影响力，为接下来要盈利的产品打前站的。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;SPAN lang=EN-US&gt;4&lt;/SPAN&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;）服务：好多公司认为服务就是以增加一个客服人员这样简单的人力成本和办公成本，如果这样理解，就只是简单的加法，这样会造成公司成本的极大浪费，因为合理的服务流程，高效的服务体系以及良好的服务人员素质都会影响服务成本，也许是乘法，也许是除法。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;SPAN lang=EN-US&gt;  &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal&gt;&lt;STRONG&gt;&lt;SPAN lang=EN-US&gt;10&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;STRONG&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;、产品渠道&lt;/SPAN&gt;&lt;SPAN lang=EN-US&gt;   &lt;P&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;/STRONG&gt;  &lt;P&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;这个按理说应该是渠道部门的事情，但是作为产品经理，不可不知也。产品也有了，市场定位和策略都具备，价格也定好了，接下来的就是去横扫市场了，但是别高兴的太早，当你发现你的目标市场根本无法把你的产品推向目标用户的时候，你就等着傻眼吧，渠道就是公路，好的渠道就是高速公路，差的渠道就是县级公路，同样能跑汽车，但是谁快谁慢，一眼就看出来了。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;产品经理不是渠道建设的主体，但是也要了解一些，在考虑产品的时候就要和渠道的同事多沟通，了解目前公司的渠道的情况都是什么样的，你规划中的产品，是否有足够的渠道来支持你，如果没有，是否需要建立，这些都是要前期考虑进去的，不要等自己埋头把产品搞出来了，才发现你的产品和目标用户之间隔着海洋。&lt;/SPAN&gt;&lt;/P&gt;  &lt;P class=MsoNormal style="TEXT-INDENT: 21pt"&gt;&lt;SPAN   style="FONT-FAMILY: 宋体"&gt;&lt;/SPAN&gt;&lt;SPAN lang=EN-US&gt;  &lt;P&gt;&lt;FONT   face=Verdana&gt;以上10点都是老汤的个人经验，有些接触的多一些，就多写了一点，接触少的就不敢多写了，话多必有失，还恳请有更多经验的兄弟一块来丰富这篇拙作，老汤就算起个头，兄弟们招呼！&lt;/FONT&gt;&lt;/P&gt;&lt;/SPAN&gt;  &lt;P&gt;&lt;/P&gt;&lt;/DIV&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-1098119774079976310?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/1098119774079976310/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=1098119774079976310' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/1098119774079976310'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/1098119774079976310'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/blog-post_5659.html' title='产品经理眼中的产品'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-3267545377231843590</id><published>2007-03-14T01:05:00.000-07:00</published><updated>2007-03-14T01:06:09.379-07:00</updated><title type='text'>给合适的人，创造最适合的产品</title><content type='html'>&lt;DIV&gt;&lt;SPAN class=11pt&gt;&lt;FONT size=2&gt;&lt;FONT color=#0080c0&gt;&lt;EM&gt;曾经有人估算："200万培养一个广告策划，   2000万培养一个产品经理，2个亿培养一个营销总监，20个亿培养一个职业经理人"。也许不是所有企业都能承担得起这些高昂的成长费用，也许不是所有人都能有幸成为这少数的被培养者；个人感觉这组数字，可能只说出了其中十分之一的显形损失，更大的隐形损失是无法用数字来计算；随着越来越多的人进入产品经理这个职位，本人只想通过这篇文章，抛砖引玉地告诉产品经理一些简单的注意事项，让公司减少损失，让自己在职业的道路上少付出一些成长的代价，在决策时保持清醒的头脑。&lt;/EM&gt;　&lt;/FONT&gt;　   &lt;/FONT&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　产品经理三件重要事情：了解消费者核心需求，创造适合目标消费群的产品，贴切地上市销售。本文仅对产品经理直接涉及产品的工作进行简单介绍。   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT size=2&gt;　　&lt;STRONG&gt;一、有效的市场细分&lt;/STRONG&gt; &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT size=2&gt;　　20世纪50年代中期，美国市场学家温德尔・史密斯(Wendell   R.Smith)提出市场细分的概念。所谓市场细分就是指按照消费者欲望与需求把一个总体市场划分成若干个具有类似、相同特征的子市场的过程。作为同一细分市场的消费者，他们的需要和欲望极为相似；不同细分市场的消费者对同一产品的需要和欲望存在着明显的差别。   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　细分市场的方式大致有八种：简单进行地理位置细分，按照人口特征细分，或者按照使用的行为，也可以按照利润，按照价值观，按照生活方式，按照需求动机购买的因素、态度，最后是产品服务的使用场合。   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　如何选择一个适合企业发展的有效细分市场呢？第一，细分市场存在显著的差异，如果差异不明显，引导、教育消费者将潜在需求转化为显著需求将花费巨大的代价；第二，细分市场需求同企业资源匹配，资源不匹配导致的结果就是花费巨大的人力、物力、财力，去改善、匹配公司的资源，从而加大了失败的概率；第三，有利可图，细分市场的容量、价格、利润状况等需要满足公司盈利的需求，否则将不值得企业冒险进入。　　   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT size=2&gt;　　&lt;STRONG&gt;二、消费者导向&lt;/STRONG&gt; &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　做好细分市场后，选定目标市场，就要做出适合细分市场的产品和服务，即需要消费者导向。也许谁都明白这个道理，但有多少产品真正做到了消费者导向？你所做的决定是否有调查数据支持？当我们选定一个目标人群时，需要花费巨大的精力来研究消费者的功能需求、心理需求、购买需求等等，产品的核心价值必须充分满足消费者对应需求。也许"狗粮"的案例很多经理人都了解，但现实中却做了如此多的"狗粮"。   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　一旦我们选择好细分市场，就意味着我们要坚定地放弃细分市场以外的市场，大而全的规划设计是产品经理的通病，导致产品失去产品存在的核心价值，欲卖给所有人，最后谁也不愿买。   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　如何检验是否做到了准确的消费者导向？简单的方法是将市调中消费者最关心的问题和产品核心功能进行一一匹配，只要多半满足消费者需求，至少可以成为一个合格的产品。   &lt;/FONT&gt;&lt;/P&gt;  &lt;P align=center&gt;&lt;FONT size=2&gt;&lt;IMG   src="http://www.360doc.com/DownloadImg/1574/286409_1.gif"&gt;&lt;/FONT&gt;&lt;/P&gt;  &lt;P align=left&gt;&lt;SPAN class=11pt&gt;&lt;FONT size=2&gt;&lt;/FONT&gt;&lt;/SPAN&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT size=2&gt;　　&lt;STRONG&gt;三、成本紧箍咒及控制方法&lt;/STRONG&gt; &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　在产品和服务满足目标消费者需求的情况下，成本领先将掌握竞争的主动性。成本领先战略是迈克尔.波特《竞争战略》中最基本的三大战略之一，个人觉得成本领先战略是所有竞争战略的基础，无论任何行业，任何企业，成本概念都应该成为产品经理的紧箍咒，任何形式的浪费都是犯罪。价值决定价格，即使我们做的是奢侈品，需要提升的关键是价值，在价值不降低的情况下，成本每降低1％，利润可能提升3～6％（不同行业可能有一定的差异），足以看出成本降低是利润倍增的关键，也是完成企业对利润率目标考核的主要方法。在产品立项之初，追求精妙绝伦的极品是产品经理的通病，唯有超越以前所有产品，似乎方能体现产品经理的创造力，当面临产品定价时高高的成本才后悔莫及。   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　如何控制好产品成本呢？首先应该清楚产品成本由直接原材料成本、品质成本、增值成本三部分构成。直接原材料成本主要指为满足消费者核心需求的最小直接材料成本；品质成本指为达到消费者对产品和服务使用需求所付出的额外成本；增值成本为提升产品综合竞争力和消费者惊喜所付出的成本；以手机举例说明，只满足通话和收发短信的最简单的功能模块原材料成本为直接原材料成本，为达到国家、企业某些标准，以及消费者在不同温度湿度下，几年的使用寿命等而额外增加、变更更好的原材料而多付出的成本，这就是品质成本，为迎合女性消费者的喜欢，增加了一颗钻石或其它更加美观的外观工艺，这就是增值成本。了解好成本的概念后，控制合理的原材料成本，均衡防止局部严重过甚的品质成本，筛选增值最大、消费者最关心的增值成本，从而达到较佳的产品成本。　　   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT size=2&gt;　　&lt;STRONG&gt;四、全盘策划高中低档&lt;/STRONG&gt; &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　为什么需要档次细分？人有高矮胖瘦之分，消费者购买力也有高低之分，产品也自有高中低档区别，产品经理不能只策划自己喜欢的产品，为体现自己的创造力地策划极品是最危险的做事风格，应该兼顾到大众的消费，因此产品经理需要理性全盘考虑高中低档产品。在产品设计初期就应该考虑到生老病死各种应急方案，扭曲地排布产品将给我们带来无尽的烦恼。   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　高中低划分的标准是什么？消费者关注因子的差异为标准。有效的划分必须是消费者最关注的几个关键因子的配置差异，从而形成系列，单纯关注成本的划分是不科学的划分标准。关键因子来源于哪里？来源于前期详细的市调结果。   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT size=2&gt;　　另外，系列策划中，部分物料的通用性必须重视。物料通用可以带来规模效应，同时品质可靠稳定，采购方便，售后服务处理轻松解决。　　   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT size=2&gt;　　&lt;STRONG&gt;五、神经质地苛求完美&lt;/STRONG&gt; &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　外观、品质、成本、使用方法、包装、规格、人性化等等，一个商品的每一个细节设计都会带给消费者不同的感受，如果没有精雕细作地推敲，产品的每一个瑕疵都会破坏曾经树立起来的品牌美誉度。评价一个合格的产品经理不是具有高谈阔论的雄伟经略，也不只是规划出合理的产品线，而是在于挖掘产品的每一个细节，一种对产品神经质地苛求完美的执着精神。　　   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT size=2&gt;　　&lt;STRONG&gt;六、贴切地产品上市&lt;/STRONG&gt; &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　有效的细分市场，准确地满足消费者需求，完美的细节表现，领先的成本优势，做好以上具有先天优势的产品，剩下的就是贴切地上市销售。其中主要包括产品商品化、市场化、定价、培训、促销等工作，其主要目的是解决如何表现产品的核心价值。   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　产品功能可视化，领先参数可量化，显著效果清晰可见化，简单实用大众化；这是产品上市的四化建设原则，从而降低产品上市阻力，减轻销售推广压力。　　   &lt;/FONT&gt;&lt;/P&gt;  &lt;P&gt;&lt;FONT   size=2&gt;　　后续：产品经理的孩子就是产品，产品经理的精力就必须投给产品，产品经理是必须具有创造性、预见性、专业性，要做一名合适、合格的产品经理，需要长期的学习、总结和积累，并保持同行业、不同行业各类人员的沟通，从而启发无穷智慧。   &lt;/FONT&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-3267545377231843590?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/3267545377231843590/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=3267545377231843590' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/3267545377231843590'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/3267545377231843590'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/blog-post_14.html' title='给合适的人，创造最适合的产品'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-8326399218632878755</id><published>2007-03-13T18:53:00.001-07:00</published><updated>2007-03-13T18:53:51.541-07:00</updated><title type='text'>豆瓣的真相（三）-麦田</title><content type='html'>&lt;DIV&gt;  &lt;DIV class=tit&gt;&amp;nbsp;&lt;/DIV&gt;  &lt;TABLE style="TABLE-LAYOUT: fixed"&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD&gt;        &lt;DIV class=cnt&gt;        &lt;P&gt;&lt;SPAN&gt;来源：&lt;A         href="http://www.maayee.com/article/39321.html#Re49016"&gt;&lt;FONT         color=#800080&gt;http://www.maayee.com/article/39321.html#Re49016&lt;/FONT&gt;&lt;/A&gt;&lt;/SPAN&gt;&lt;/P&gt;        &lt;P&gt;&lt;STRONG&gt;&lt;SPAN&gt;五、豆瓣的真相&lt;/SPAN&gt;&lt;SPAN&gt;&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;/P&gt;        &lt;P&gt;&lt;SPAN&gt;如果百度贴吧的流量占据百度全站的&lt;/SPAN&gt;&lt;SPAN&gt;70&lt;/SPAN&gt;&lt;SPAN&gt;％，我们还会认为百度是一个"搜索网站"吗？豆瓣亦是如此。事实上，豆瓣其实和图书关系不大，用户行为使得豆瓣实际上成为了一个&lt;/SPAN&gt;&lt;SPAN&gt;group&lt;/SPAN&gt;&lt;SPAN&gt;为主的社区网站。通俗点说，&lt;STRONG&gt;豆瓣就是贴吧，只是用户平均学历更高&lt;/STRONG&gt;。&lt;/SPAN&gt;&lt;/P&gt;        &lt;P&gt;&lt;SPAN&gt;而这就完全能解释豆瓣"&lt;/SPAN&gt;&lt;SPAN&gt;05&lt;/SPAN&gt;&lt;SPAN&gt;年快速成长&lt;/SPAN&gt;&lt;SPAN&gt;VS.06&lt;/SPAN&gt;&lt;SPAN&gt;年平稳增长"之谜。在&lt;/SPAN&gt;&lt;SPAN&gt;05&lt;/SPAN&gt;&lt;SPAN&gt;年，阿北反复考虑精心设计各种算法，而推出的"读书音乐电影"等等特色服务，对于网民来说，起到的作用并不是服务本身多么有用，而是服务所透露的"高雅格调"。这种高雅格调，尤其吸引年轻的大学生�D�D想想我们自己年轻的时候吧，越是没有钱，不越是讲究高雅小资吗？因此，&lt;/SPAN&gt;&lt;SPAN&gt;05&lt;/SPAN&gt;&lt;SPAN&gt;年，豆瓣成为年轻大学生的"时尚"，而大学生群体具有高强度的口碑传播力，所以豆瓣快速发展。大学生和业界，是&lt;/SPAN&gt;&lt;SPAN&gt;05&lt;/SPAN&gt;&lt;SPAN&gt;年豆瓣发展的主要推动力。&lt;/SPAN&gt;&lt;/P&gt;        &lt;P&gt;&lt;SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;        &lt;P&gt;&lt;SPAN&gt;但大学生们到了豆瓣，如上，开始扎堆，闲聊。不需要多少产品设计，有个&lt;/SPAN&gt;&lt;SPAN&gt;group&lt;/SPAN&gt;&lt;SPAN&gt;就成，阿北的各种"算法"其实早就不是他们的重点。而阿北呢，还在继续优化他的产品，对各种算法予以精心考虑。在豆瓣上，用户需要的，和阿北给予的，产生了背离。同样在这个时候，&lt;/SPAN&gt;&lt;SPAN&gt;05&lt;/SPAN&gt;&lt;SPAN&gt;年的"时尚"也褪去了，产品推动力又出不来（因为用户压根没怎么使用豆瓣的产品�D除了&lt;/SPAN&gt;&lt;SPAN&gt;group&lt;/SPAN&gt;&lt;SPAN&gt;），豆瓣找不到下一个推动力，因此&lt;/SPAN&gt;&lt;SPAN&gt;06&lt;/SPAN&gt;&lt;SPAN&gt;年的豆瓣发展平缓。&lt;/SPAN&gt;&lt;/P&gt;        &lt;P&gt;&lt;SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;        &lt;P&gt;&lt;SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;        &lt;P&gt;&lt;SPAN&gt;如同木子美拯救了&lt;/SPAN&gt;&lt;SPAN&gt;blogcn&lt;/SPAN&gt;&lt;SPAN&gt;和&lt;/SPAN&gt;&lt;SPAN&gt;blogchina&lt;/SPAN&gt;&lt;SPAN&gt;；如同竹影青瞳拯救了天涯；如同超女拯救了百度贴吧；如同徐静蕾拯救了新浪博客；如同张钰拯救了优酷；如同每一个伟大的网站背后都有一个女人。同样的，蛰伏的豆瓣也在等待它背后的那个女人，而不是在等待�D�D阿北的算法。&lt;/SPAN&gt;&lt;/P&gt;        &lt;P&gt;&lt;SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;        &lt;P&gt;&lt;STRONG&gt;&lt;SPAN&gt;无论是否高低学历，年轻的中文网络用户在目标网站上都只做了一件事�D�D扎堆、闲聊。从天涯，到百度，到豆瓣，中国网民在任何一个交互网站上，都做着同一件事�D�D扎堆、闲聊。&lt;/SPAN&gt;&lt;SPAN&gt;&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;/P&gt;        &lt;P&gt;&lt;STRONG&gt;&lt;SPAN&gt;&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;/P&gt;        &lt;P&gt;&lt;SPAN&gt;这是最后的真相。&lt;/SPAN&gt;&lt;/P&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-8326399218632878755?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/8326399218632878755/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=8326399218632878755' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8326399218632878755'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8326399218632878755'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/blog-post_13.html' title='豆瓣的真相（三）-麦田'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-159834679309981101</id><published>2007-03-13T02:36:00.001-07:00</published><updated>2007-03-13T02:36:57.547-07:00</updated><title type='text'>chinaUI 用户名  UxSky</title><content type='html'>&lt;DIV&gt;&lt;FONT face=Verdana&gt;chinaUI 用户名&amp;nbsp; UxSky&lt;/FONT&gt;&lt;FONT face=Verdana&gt;&lt;/DIV&gt;  &lt;DIV&gt;&lt;FONT size=2&gt;&lt;/FONT&gt;&amp;nbsp;&lt;/DIV&gt;  &lt;DIV align=left&gt;&lt;FONT size=2&gt;  &lt;HR style="WIDTH: 482px; HEIGHT: 2px" SIZE=2&gt;  &lt;/FONT&gt;&lt;/DIV&gt;  &lt;DIV&gt;&lt;FONT color=#c0c0c0&gt;&lt;FONT size=2&gt;&lt;/FONT&gt;&lt;/DIV&gt;  &lt;DIV&gt;&lt;FONT size=2&gt;2007-03-13&lt;/FONT&gt;&lt;/FONT&gt;&lt;/DIV&gt;&lt;/FONT&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-159834679309981101?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/159834679309981101/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=159834679309981101' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/159834679309981101'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/159834679309981101'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/chinaui-uxsky.html' title='chinaUI 用户名  UxSky'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-1088829943474450930</id><published>2007-03-13T00:21:00.000-07:00</published><updated>2007-03-13T00:23:13.636-07:00</updated><title type='text'>适用于Blogger Beta的页内评论</title><content type='html'>&lt;DIV&gt;  &lt;DIV class=entrytext&gt;  &lt;P&gt;以前介绍过Webleon的Blogger 页内评论方法，但是升级到Blogger   Beta后这种方法也就随之失效了。别郁闷，世界上还有很多人和你一样在忍受着Blogger   Beta自带的那个难看又烦人留言系统，不过当高手们试图通过修改以前的JS代码使之适用于新系统时，却被更加Blogger   Beta那更加先进的防Spam程序难住了。原来的路走不通了，所以 &lt;A   href="http://singpolyma-tech.blogspot.com/2006/12/comment-forms-and-blogger-beta.html"&gt;Singpolyma   另辟蹊径&lt;/A&gt;，用一种很巧妙的方法实现了页内评论－Lightbox！（关于Lightbox的Blog应用实例请参看&lt;A   href="http://iyee.cn/post/add-lightbox-to-blog.html"&gt;这里&lt;/A&gt;）&lt;/P&gt;  &lt;P&gt;先解释下原理：Blogger Beta原有的评论方式是点击post a comment，然后进入（可选弹出新窗口）评论页面。&lt;A   href="http://singpolyma-tech.blogspot.com/2006/12/comment-forms-and-blogger-beta.html"&gt;Singpolyma&lt;/A&gt;   的新思路是，点击post a   comment后，让评论页以Lightbox效果的形式（周围全黑，中间是输入框），发完评论后自动恢复到当前页，虽然跟原来的js调用大法有点区别，但这种方式也确确实实实现了"页内评论"。至于实际效果如何，请到&lt;A   href="http://yeetest.blogspot.com/"&gt;这里测试&lt;/A&gt;。&lt;/P&gt;  &lt;P&gt;实现这个功能，请严格按照以下步骤操作：&lt;/P&gt;  &lt;OL&gt;    &lt;LI&gt;进入后台，选"模版"－"修改HTML".&lt;/LI&gt;    &lt;LI&gt;选中"扩展窗口小部件模板"一项前面的小格子，打钩。&lt;/LI&gt;    &lt;LI&gt;将以下代码插入到模版中的&amp;lt;/head&amp;gt;标签的正前方：     &lt;P&gt;&lt;CODE&gt;&amp;lt;script     src='http://jscripts.ning.com/get.php?xn_auth=no&amp;amp;amp;amp;id=1093361'     type='text/javascript'/&amp;gt;&lt;BR&gt;&amp;lt;script     src='http://jscripts.ning.com/get.php?xn_auth=no&amp;amp;amp;amp;id=2655847'     type='text/javascript'/&amp;gt;&lt;BR&gt;&amp;lt;link     href='http://singpolyma.googlepages.com/lightbox.css' rel='stylesheet'     type='text/css'/&amp;gt; &lt;/CODE&gt;&lt;/P&gt;    &lt;P&gt;&lt;/P&gt;&lt;/LI&gt;    &lt;LI&gt;查找代码     &lt;P&gt;&lt;CODE&gt;&amp;lt;a expr:href='data:post.addCommentUrl'     expr:onclick='data:post.addCommentOnclick'&amp;gt;&amp;lt;data:postCommentMsg/&amp;gt;&amp;lt;/a&amp;gt;&lt;BR&gt;&lt;/CODE&gt;&lt;BR&gt;替换成&lt;/P&gt;    &lt;P&gt;&lt;CODE&gt;&amp;lt;a class='lbOn' expr:href='"#comment-form-" +     data:post.id'&amp;gt;&amp;lt;data:postCommentMsg/&amp;gt;&amp;lt;/a&amp;gt; &lt;/CODE&gt;&lt;/P&gt;    &lt;P&gt;&lt;/P&gt;&lt;/LI&gt;    &lt;LI&gt;查找代码     &lt;P&gt;&lt;CODE&gt;&lt;BR&gt;&amp;lt;b:if cond='data:post.allowComments'&amp;gt;&lt;BR&gt;&amp;nbsp;&amp;nbsp; &amp;lt;a     class='comment-link' expr:href='data:post.addCommentUrl'     expr:onclick='data:post.addCommentOnclick'&amp;gt;&amp;lt;b:if     cond='data:post.numComments == 1'&amp;gt;1     &amp;lt;data:top.commentLabel/&amp;gt;&amp;lt;b:else/&amp;gt;&amp;lt;data:post.numComments/&amp;gt;     &amp;lt;data:top.commentLabelPlural/&amp;gt;&amp;lt;/b:if&amp;gt;&amp;lt;/a&amp;gt;&lt;BR&gt;&amp;lt;/b:if&amp;gt;&lt;BR&gt;&lt;/CODE&gt;&lt;BR&gt;替换成&lt;/P&gt;    &lt;P&gt;&lt;CODE&gt;&amp;lt;b:if cond='data:post.allowComments'&amp;gt;&lt;BR&gt;&amp;nbsp;&amp;nbsp; &amp;lt;a     class='comment-link lbOn' expr:href='"#comment-form-" +     data:post.id'&amp;gt;&amp;lt;b:if cond='data:post.numComments == 1'&amp;gt;1     &amp;lt;data:top.commentLabel/&amp;gt;&amp;lt;b:else/&amp;gt;&amp;lt;data:post.numComments/&amp;gt;     &amp;lt;data:top.commentLabelPlural/&amp;gt;&amp;lt;/b:if&amp;gt;&amp;lt;/a&amp;gt;&lt;BR&gt;&amp;lt;/b:if&amp;gt;     &lt;/CODE&gt;&lt;/P&gt;    &lt;P&gt;&lt;/P&gt;&lt;/LI&gt;    &lt;LI&gt;找出以下代码     &lt;P&gt;&lt;CODE&gt;&amp;lt;b:loop values='data:posts' var='post'&amp;gt;&lt;BR&gt;&amp;nbsp;&amp;nbsp;     &amp;lt;b:if cond='data:post.dateHeader'&amp;gt;&lt;BR&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;h2     class='date-header'&amp;gt;&amp;lt;data:post.dateHeader/&amp;gt;&amp;lt;/h2&amp;gt;&lt;BR&gt;&amp;nbsp;&amp;nbsp;     &amp;lt;/b:if&amp;gt;&lt;BR&gt;&lt;/CODE&gt;&lt;BR&gt;紧接其后加入&lt;/P&gt;    &lt;P&gt;&lt;CODE&gt;&amp;lt;script type='text/javascript'&amp;gt;&lt;BR&gt;&amp;nbsp;&amp;nbsp; var     isLoad&amp;lt;data:post.id/&amp;gt; = 0;&lt;BR&gt;&amp;nbsp;&amp;nbsp; function     checkDeactivate&amp;lt;data:post.id/&amp;gt;() {&lt;BR&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;     if(isLoad&amp;lt;data:post.id/&amp;gt; &amp;amp;gt; 1) {&lt;BR&gt;//&amp;lt;![CDATA[&lt;BR&gt;&amp;nbsp;     &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; document.getElementById('lbContent').innerHTML =     '&amp;lt;div     style="text-align:center;width:100%;font-size:16pt;font-family:sans-serif;"&amp;gt;&amp;lt;br     /&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;Reloading...&amp;lt;/div&amp;gt;';&lt;BR&gt;//]]&amp;gt;&lt;BR&gt;&amp;nbsp;     &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; window.location.reload();&lt;BR&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;     }//end if isLoad&lt;BR&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;     isLoad&amp;lt;data:post.id/&amp;gt;++;&lt;BR&gt;&amp;nbsp;&amp;nbsp; }//end function     checkDeactivate&lt;BR&gt;&amp;lt;/script&amp;gt;&lt;BR&gt;&amp;lt;div expr:id='"comment-form-" +     data:post.id' style='display:none;'&amp;gt;&lt;BR&gt;&amp;lt;iframe     expr:onload='"checkDeactivate" + data:post.id + "();"'     expr:src='data:post.addCommentUrl + "&amp;amp;amp;amp;isPopup=true"'     frameborder='0'     style='border-width:0px;width:100%;height:380px;'/&amp;gt;&lt;BR&gt;&amp;lt;div     style='text-align: right;'&amp;gt;&amp;lt;a class='lbAction' href='#'     rel='deactivate'&amp;gt;&amp;lt;img alt=''     src='http://www.ning.com/xnstatic/icn/cross.gif' style='display: inline;     width: 10px; height: 10px;'/&amp;gt; Close&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&lt;BR&gt;&amp;lt;/div&amp;gt;     &lt;/CODE&gt;&lt;/P&gt;    &lt;P&gt;&lt;/P&gt;&lt;/LI&gt;    &lt;LI&gt;保存模版，完成！ &lt;/LI&gt;&lt;/OL&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-1088829943474450930?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/1088829943474450930/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=1088829943474450930' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/1088829943474450930'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/1088829943474450930'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/blogger-beta.html' title='适用于Blogger Beta的页内评论'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-296768444120199312</id><published>2007-03-13T00:09:00.001-07:00</published><updated>2007-03-13T00:09:22.126-07:00</updated><title type='text'>Blogger beta：图片解剖Blogger beta模板代码</title><content type='html'>&lt;DIV&gt;  &lt;DIV class=post-body&gt;  &lt;P&gt;&lt;A onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"   href="http://photos1.blogger.com/blogger2/333/2833/1600/bloganat.png"   tip=""&gt;&lt;IMG   style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: pointer; TEXT-ALIGN: center"   alt="" src="http://photos1.blogger.com/blogger2/333/2833/320/bloganat.png"   border=0&gt;&lt;/A&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;说明(点击看大图)：&lt;BR&gt;1.所有蓝色的部分都是位于Style标记之间的CSS样式表代码，红色的部分是位于Body标记之间的Html代码。&lt;BR&gt;2.并不是所有的模板都完全一样，但大体类似。&lt;BR&gt;3.享受自己的Hack吧^-^&lt;BR&gt;4.via   &lt;A href="http://stratsdot.com/bloganatomy.htm"   tip=""&gt;Blogatech&lt;/A&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;SPAN   style="COLOR: rgb(0,153,0)"&gt;A)头部&lt;/SPAN&gt;（Header）。此部分位于页首部，包含标题和网站描述，概括了整个页首部分。&lt;/P&gt;  &lt;BLOCKQUOTE&gt;    &lt;P&gt;&lt;SPAN style="FONT-SIZE: 85%"&gt;CSS=&lt;/SPAN&gt;&lt;/P&gt;&lt;SPAN     style="COLOR: rgb(0,0,255)"&gt;#header {&lt;BR&gt;width:660px;&lt;BR&gt;margin:0 auto     10px;&lt;BR&gt;border:1px solid #ccc;&lt;BR&gt;}&lt;BR&gt;&lt;/SPAN&gt;&lt;BR&gt;    &lt;H3&gt;&lt;SPAN style="FONT-SIZE: 85%"&gt;HTML=&lt;/SPAN&gt;&lt;/H3&gt;    &lt;P&gt;&lt;SPAN style="COLOR: rgb(255,0,0)"&gt;&amp;lt;div id="header"&amp;gt;&lt;BR&gt;&amp;lt;h1     id="blog-title"&amp;gt;&lt;BR&gt;&amp;lt;ItemPage&amp;gt;&amp;lt;a     href="&amp;lt;$BlogURL$&amp;gt;"&amp;gt;&amp;lt;/ItemPage&amp;gt;&lt;BR&gt;&amp;lt;$BlogTitle$&amp;gt;&lt;BR&gt;&lt;BR&gt;&amp;lt;ItemPage&amp;gt;&lt;BR&gt;&amp;lt;/h1&amp;gt;&lt;BR&gt;&amp;lt;p     id="description"&amp;gt;&amp;lt;$BlogDescription$&amp;gt;&lt;BR&gt;&amp;lt;/div&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;&lt;SPAN   style="COLOR: rgb(255,0,0)"&gt;  &lt;P&gt;&lt;BR&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;SPAN style="COLOR: rgb(0,153,0)"&gt;B）导航栏&lt;/SPAN&gt;（Navigation   Bar）。此部分代码默认在代码中是不显示的。如果你要去掉NavBar只要在CSS中添加以下代码即可：  &lt;BLOCKQUOTE&gt;    &lt;P&gt;&lt;SPAN style="FONT-SIZE: 85%"&gt;CSS=&lt;/SPAN&gt;&lt;/P&gt;    &lt;P&gt;&lt;SPAN style="COLOR: rgb(0,0,255)"&gt;#b-navbar { height:0px;     visibility:hidden; display:none&lt;BR&gt;}&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;&lt;SPAN   style="COLOR: rgb(0,0,255)"&gt;  &lt;P&gt;&lt;BR&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;SPAN style="COLOR: rgb(0,153,0)"&gt;C) Blog标题&lt;/SPAN&gt;（Blog title）  &lt;BLOCKQUOTE&gt;    &lt;P&gt;&lt;SPAN style="FONT-SIZE: 85%"&gt;CSS=&lt;/SPAN&gt;&lt;/P&gt;    &lt;P&gt;&lt;SPAN style="COLOR: rgb(0,0,255)"&gt;#blog-title {&lt;BR&gt;margin:5px 5px     0;&lt;BR&gt;padding:20px 20px .25em;&lt;BR&gt;border:1px solid #eee;&lt;BR&gt;border-width:1px     1px     0;&lt;BR&gt;font-size:200%;&lt;BR&gt;line-height:1.2em;&lt;BR&gt;font-weight:normal;&lt;BR&gt;color:#666;&lt;BR&gt;text-transform:uppercase;&lt;BR&gt;letter-spacing:.2em;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML=     &lt;SPAN   style="COLOR: rgb(255,0,0)"&gt;&lt;BR&gt;&amp;lt;$BlogTitle$&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;&lt;SPAN   style="COLOR: rgb(255,0,0)"&gt;  &lt;P&gt;&lt;BR&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;SPAN style="COLOR: rgb(0,153,0)"&gt;D)Blog 描述&lt;/SPAN&gt;（Blog   Description）  &lt;BLOCKQUOTE&gt;    &lt;P&gt;&lt;BR&gt;CSS= &lt;SPAN style="COLOR: rgb(0,0,255)"&gt;&lt;BR&gt;#blog-description     {&lt;BR&gt;margin:0 5px 5px;&lt;BR&gt;padding:0 20px 20px;&lt;BR&gt;border:1px solid     #eee;&lt;BR&gt;border-width:0 1px 1px;&lt;BR&gt;max-width:700px;&lt;BR&gt;font:78%/1.4em     "Trebuchet     MS",Trebuchet,Arial,Verdana,Sans-serif;&lt;BR&gt;text-transform:uppercase;&lt;BR&gt;letter-spacing:.2em;&lt;BR&gt;color:#999;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML=     &lt;SPAN   style="COLOR: rgb(255,0,0)"&gt;&lt;BR&gt;&amp;lt;$BlogDescription$&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;  &lt;P&gt;&lt;SPAN style="COLOR: rgb(255,0,0)"&gt;&lt;/SPAN&gt;&lt;SPAN   style="COLOR: rgb(0,153,0)"&gt;E)Blog日期首&lt;/SPAN&gt;（Blog Date Header）。贴子发布时自动生成日期。&lt;/P&gt;  &lt;BLOCKQUOTE&gt;    &lt;P&gt;&lt;BR&gt;CSS= &lt;SPAN style="COLOR: rgb(0,0,255)"&gt;&lt;BR&gt;h2 {&lt;BR&gt;margin:1.5em 0     .75em;&lt;BR&gt;font:78%/1.4em "Trebuchet     MS",Trebuchet,Arial,Verdana,Sans-serif;&lt;BR&gt;text-transform:uppercase;&lt;BR&gt;letter-spacing:.2em;&lt;BR&gt;color:#999;&lt;BR&gt;.date-header     {&lt;BR&gt;margin:1.5em 0 .5em;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML= &lt;SPAN     style="COLOR: rgb(255,0,0)"&gt;&lt;BR&gt;&amp;lt;BlogDateHeader&amp;gt;&lt;BR&gt;&amp;lt;h2     class="date-header"&amp;gt;&amp;lt;$BlogDateHeaderDate$&amp;gt;&amp;lt;/h2&amp;gt;&lt;BR&gt;&amp;lt;/BlogDateHeader&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;&lt;SPAN   style="COLOR: rgb(255,0,0)"&gt;&lt;/SPAN&gt;  &lt;P&gt;&lt;BR&gt;&lt;SPAN style="COLOR: rgb(0,153,0)"&gt;F)文章标题&lt;/SPAN&gt;（Blog Item Title)&lt;/P&gt;  &lt;BLOCKQUOTE&gt;    &lt;P&gt;&lt;BR&gt;CSS=&lt;BR&gt;&lt;SPAN style="COLOR: rgb(0,0,255)"&gt;.post-title {&lt;BR&gt;margin:.25em     0 0;&lt;BR&gt;padding:0 0     4px;&lt;BR&gt;font-size:140%;&lt;BR&gt;font-weight:normal;&lt;BR&gt;line-height:1.4em;&lt;BR&gt;color:#c60;&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML=     &lt;SPAN style="COLOR: rgb(255,0,0)"&gt;&lt;BR&gt;&amp;lt;BlogItemTitle&amp;gt;&lt;BR&gt;&amp;lt;h3     class="post-title"&amp;gt;&lt;BR&gt;&amp;lt;BlogItemUrl&amp;gt;&amp;lt;a     href="&amp;lt;$BlogItemUrl$&amp;gt;" title="external     link"&amp;gt;&amp;lt;/BlogItemUrl&amp;gt;&lt;BR&gt;&amp;lt;$BlogItemTitle$&amp;gt;&lt;BR&gt;&amp;lt;BlogItemUrl&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/BlogItemUrl&amp;gt;&lt;BR&gt;&amp;lt;/h3&amp;gt;&lt;BR&gt;&amp;lt;/BlogItemTitle&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;&lt;SPAN   style="COLOR: rgb(255,0,0)"&gt;  &lt;P&gt;&lt;BR&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;SPAN style="COLOR: rgb(0,153,0)"&gt;G)文章区域&lt;/SPAN&gt;（Post   Division）。此部分包含了Blog Date header, Blog Item Title, Blog Item Body 和 Blog Item   Footer。  &lt;BLOCKQUOTE&gt;    &lt;P&gt;&lt;BR&gt;CSS=&lt;BR&gt;&lt;SPAN style="COLOR: rgb(0,0,255)"&gt;.post {&lt;BR&gt;margin:.5em 0     1.5em;&lt;BR&gt;border-bottom:1px dotted #ccc;&lt;BR&gt;padding-bottom:1.5em;&lt;BR&gt;.post div     {&lt;BR&gt;margin:0 0 .75em;&lt;BR&gt;line-height:1.6em;&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML=&lt;BR&gt;&lt;SPAN     style="COLOR: rgb(255,0,0)"&gt;&amp;lt;div   class="post"&amp;gt;&lt;BR&gt;&amp;lt;/div&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;&lt;SPAN   style="COLOR: rgb(255,0,0)"&gt;&lt;/SPAN&gt;  &lt;P&gt;&lt;BR&gt;&lt;SPAN style="COLOR: rgb(0,153,0)"&gt;H)文章援引区域&lt;/SPAN&gt;（Post Block Quote）&lt;/P&gt;  &lt;BLOCKQUOTE&gt;    &lt;P&gt;&lt;BR&gt;CSS=&lt;BR&gt;&lt;SPAN style="COLOR: rgb(0,0,255)"&gt;.post blockquote     {&lt;BR&gt;margin:1em 20px;&lt;BR&gt;}&lt;BR&gt;.post blockquote p {&lt;BR&gt;margin:.75em     0;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML=&lt;BR&gt;&lt;SPAN     style="COLOR: rgb(255,0,0)"&gt;&amp;lt;blockquote&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;&lt;SPAN   style="COLOR: rgb(255,0,0)"&gt;  &lt;P&gt;&lt;BR&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;SPAN style="COLOR: rgb(0,153,0)"&gt;I)文章文字区域&lt;/SPAN&gt;（Blog Item   Body)  &lt;BLOCKQUOTE&gt;    &lt;P&gt;CSS= &lt;SPAN style="COLOR: rgb(0,0,255)"&gt;.post div {&lt;BR&gt;margin:0 0     .75em;&lt;BR&gt;line-height:1.6em;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML=&lt;BR&gt;&lt;SPAN     style="COLOR: rgb(255,0,0)"&gt;&amp;lt;$BlogItemBody$&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;&lt;SPAN   style="COLOR: rgb(255,0,0)"&gt;&lt;/SPAN&gt;  &lt;P&gt;&lt;BR&gt;&lt;SPAN style="COLOR: rgb(0,153,0)"&gt;J)个人资料部分&lt;/SPAN&gt;（Blog Member Profile   Division）&lt;/P&gt;  &lt;BLOCKQUOTE&gt;    &lt;P&gt;&lt;BR&gt;CSS= &lt;SPAN style="COLOR: rgb(0,0,255)"&gt;&lt;BR&gt;#profile-container     {&lt;BR&gt;margin:0 0 1.5em;&lt;BR&gt;border-bottom:1px dotted     #ccc;&lt;BR&gt;padding-bottom:1.5em;&lt;BR&gt;}&lt;BR&gt;.profile-datablock {&lt;BR&gt;margin:.5em 0     .5em;&lt;BR&gt;}&lt;BR&gt;.profile-img {&lt;BR&gt;display:inline;&lt;BR&gt;}&lt;BR&gt;.profile-img img     {&lt;BR&gt;float:left;&lt;BR&gt;padding:4px;&lt;BR&gt;border:1px solid #ddd;&lt;BR&gt;margin:0 8px 3px     0;&lt;BR&gt;}&lt;BR&gt;.profile-data {&lt;BR&gt;margin:0;&lt;BR&gt;font:bold 78%/1.6em "Trebuchet     MS",Trebuchet,Arial,Verdana,Sans-serif;&lt;BR&gt;text-transform:uppercase;&lt;BR&gt;letter-spacing:.1em;&lt;BR&gt;}&lt;BR&gt;.profile-data     strong {&lt;BR&gt;display:none;&lt;BR&gt;}&lt;BR&gt;.profile-textblock {&lt;BR&gt;margin:0 0     .5em;&lt;BR&gt;}&lt;BR&gt;.profile-link {&lt;BR&gt;margin:0;&lt;BR&gt;font:78%/1.4em "Trebuchet     MS",Trebuchet,Arial,Verdana,Sans-serif;&lt;BR&gt;text-transform:uppercase;&lt;BR&gt;letter-spacing:.1em;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML=     &lt;SPAN   style="COLOR: rgb(255,0,0)"&gt;&lt;BR&gt;&amp;lt;$BlogMemberProfile$&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;&lt;SPAN   style="COLOR: rgb(255,0,0)"&gt;  &lt;P&gt;&lt;BR&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;SPAN style="COLOR: rgb(0,153,0)"&gt;K)文章底部&lt;/SPAN&gt;（Post   Footer）这部分包含了Authors Nickname, Item Date Time, Item Comment Count, Comments and   blog item control variables等  &lt;BLOCKQUOTE&gt;    &lt;P&gt;&lt;BR&gt;CSS=&lt;BR&gt;&lt;SPAN style="COLOR: rgb(0,0,255)"&gt;p.post-footer     {&lt;BR&gt;margin:-.25em 0 0;&lt;BR&gt;color:#ccc;&lt;BR&gt;}&lt;BR&gt;.post-footer em, .comment-link     {&lt;BR&gt;font:78%/1.4em "Trebuchet     MS",Trebuchet,Arial,Verdana,Sans-serif;&lt;BR&gt;text-transform:uppercase;&lt;BR&gt;letter-spacing:.1em;&lt;BR&gt;}&lt;BR&gt;.post-footer     em     {&lt;BR&gt;font-style:normal;&lt;BR&gt;color:#999;&lt;BR&gt;margin-right:.6em;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML=&lt;BR&gt;&lt;SPAN     style="COLOR: rgb(255,0,0)"&gt;&amp;lt;p class="post-footer"&amp;gt;&lt;BR&gt;&amp;lt;em&amp;gt;posted     by &amp;lt;$BlogItemAuthorNickname$&amp;gt; at &amp;lt;a     href="&amp;lt;$BlogItemPermalinkUrl$&amp;gt;" title="permanent     link"&amp;gt;&amp;lt;$BlogItemDateTime$&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/em&amp;gt;&lt;BR&gt;&amp;lt;MainOrArchivePage&amp;gt;&amp;lt;BlogItemCommentsEnabled&amp;gt;&lt;BR&gt;&amp;lt;a     class="comment-link"     href="&amp;lt;$BlogItemCommentCreate$&amp;gt;"&amp;lt;$BlogItemCommentFormOnclick$&amp;gt;&amp;gt;&amp;lt;$BlogItemCommentCount$&amp;gt;     comments&amp;lt;/a&amp;gt;&lt;BR&gt;&amp;lt;/BlogItemCommentsEnabled&amp;gt;&amp;lt;BlogItemBacklinksEnabled&amp;gt;&lt;BR&gt;&amp;lt;a     class="comment-link" href="&amp;lt;$BlogItemPermalinkUrl$&amp;gt;#links"&amp;gt;links to     this     post&amp;lt;/a&amp;gt;&lt;BR&gt;&amp;lt;/BlogItemBacklinksEnabled&amp;gt;&lt;BR&gt;&amp;lt;/MainOrArchivePage&amp;gt;     &amp;lt;$BlogItemControl$&amp;gt;&lt;BR&gt;&amp;lt;/p&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;&lt;SPAN   style="COLOR: rgb(255,0,0)"&gt;  &lt;P&gt;&lt;BR&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;SPAN style="COLOR: rgb(0,153,0)"&gt;L)链接&lt;/SPAN&gt;（Links）  &lt;BLOCKQUOTE&gt;    &lt;P&gt;CSS=&lt;BR&gt;&lt;SPAN style="COLOR: rgb(0,0,255)"&gt;a:link     {&lt;BR&gt;color:#58a;&lt;BR&gt;text-decoration:none;&lt;BR&gt;}&lt;BR&gt;a:visited     {&lt;BR&gt;color:#969;&lt;BR&gt;text-decoration:none;&lt;BR&gt;}&lt;BR&gt;a:hover     {&lt;BR&gt;color:#c60;&lt;BR&gt;text-decoration:underline;&lt;BR&gt;}&lt;BR&gt;a img     {&lt;BR&gt;border-width:0;&lt;BR&gt;}&lt;BR&gt;#sidebar ul {&lt;BR&gt;margin:0 0 1.5em;&lt;BR&gt;padding:0 0     1.5em;&lt;BR&gt;border-bottom:1px dotted     #ccc;&lt;BR&gt;list-style:none;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML=&lt;BR&gt;&lt;SPAN     style="COLOR: rgb(255,0,0)"&gt;&amp;lt;h2     class="sidebar-title"&amp;gt;Links&amp;lt;/h2&amp;gt;&lt;BR&gt;&amp;lt;ul&amp;gt;&lt;BR&gt;&amp;lt;li&amp;gt;&amp;lt;a     href="http://news.google.com/"&amp;gt;Google     News&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;BR&gt;&amp;lt;li&amp;gt;&amp;lt;a     href="http://help.blogger.com/bin/answer.py?answer=110"&amp;gt;Edit-Me&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;BR&gt;&amp;lt;li&amp;gt;&amp;lt;a     href="http://help.blogger.com/bin/answer.py?answer=110"&amp;gt;Edit-Me&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;BR&gt;&amp;lt;/ul&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;  &lt;P&gt;&lt;SPAN style="COLOR: rgb(255,0,0)"&gt;&lt;/SPAN&gt;&lt;SPAN   style="COLOR: rgb(0,153,0)"&gt;M)之前文章&lt;/SPAN&gt;（Previous Posts）&lt;/P&gt;  &lt;BLOCKQUOTE&gt;    &lt;P&gt;CSS= &lt;SPAN style="COLOR: rgb(0,0,255)"&gt;&lt;BR&gt;#sidebar ul {&lt;BR&gt;margin:0 0     1.5em;&lt;BR&gt;padding:0 0 1.5em;&lt;BR&gt;border-bottom:1px dotted     #ccc;&lt;BR&gt;list-style:none;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;h2 {&lt;BR&gt;margin:1.5em 0     .75em;&lt;BR&gt;font:78%/1.4em "Trebuchet     MS",Trebuchet,Arial,Verdana,Sans-serif;&lt;BR&gt;text-transform:uppercase;&lt;BR&gt;letter-spacing:.2em;&lt;BR&gt;color:#999;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML=&lt;BR&gt;&lt;SPAN     style="COLOR: rgb(255,0,0)"&gt;&amp;lt;h2 class="sidebar-title"&amp;gt;Previous     Posts&amp;lt;/h2&amp;gt;&lt;BR&gt;&amp;lt;ul     id="recently"&amp;gt;&lt;BR&gt;&amp;lt;BloggerPreviousItems&amp;gt;&lt;BR&gt;&amp;lt;li&amp;gt;&amp;lt;a     href="&amp;lt;$BlogItemPermalinkURL$&amp;gt;"&amp;gt;&amp;lt;$BlogPreviousItemTitle$&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;BR&gt;&amp;lt;/BloggerPreviousItems&amp;gt;&lt;BR&gt;&amp;lt;/ul&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;  &lt;P&gt;&lt;SPAN style="COLOR: rgb(255,0,0)"&gt;&lt;/SPAN&gt;&lt;SPAN   style="COLOR: rgb(0,153,0)"&gt;N)存档&lt;/SPAN&gt;（Archives ）&lt;/P&gt;  &lt;BLOCKQUOTE&gt;    &lt;P&gt;CSS= &lt;SPAN style="COLOR: rgb(0,0,255)"&gt;&lt;BR&gt;#sidebar ul {&lt;BR&gt;margin:0 0     1.5em;&lt;BR&gt;padding:0 0 1.5em;&lt;BR&gt;border-bottom:1px dotted     #ccc;&lt;BR&gt;&lt;BR&gt;list-style:none;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;h2 {&lt;BR&gt;margin:1.5em 0     .75em;&lt;BR&gt;font:78%/1.4em "Trebuchet     MS",Trebuchet,Arial,Verdana,Sans-serif;&lt;BR&gt;text-transform:uppercase;&lt;BR&gt;&lt;BR&gt;letter-spacing:.2em;&lt;BR&gt;color:#999;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML=&lt;BR&gt;&lt;SPAN     style="COLOR: rgb(255,0,0)"&gt;&amp;lt;h2     class="sidebar-title"&amp;gt;Archives&amp;lt;/h2&amp;gt;&lt;BR&gt;&amp;lt;ul     class="archive-list"&amp;gt;&lt;BR&gt;&amp;lt;BloggerArchives&amp;gt;&lt;BR&gt;&amp;lt;li&amp;gt;&amp;lt;a     href="&amp;lt;$BlogArchiveURL$&amp;gt;"&amp;gt;&amp;lt;$BlogArchiveName$&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;BR&gt;&amp;lt;/BloggerArchives&amp;gt;&lt;BR&gt;&amp;lt;/ul&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;  &lt;P&gt;&lt;SPAN style="COLOR: rgb(255,0,0)"&gt;&lt;/SPAN&gt;&lt;SPAN   style="COLOR: rgb(0,153,0)"&gt;O)侧边栏区域&lt;/SPAN&gt;。此部分包含了Member Profile, Links, Resent   Posts and Archives等&lt;/P&gt;  &lt;BLOCKQUOTE&gt;    &lt;P&gt;CSS= &lt;SPAN style="COLOR: rgb(0,0,255)"&gt;&lt;BR&gt;#sidebar     {&lt;BR&gt;width:220px;&lt;BR&gt;float:right;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;#sidebar ul {&lt;BR&gt;margin:0 0     1.5em;&lt;BR&gt;padding:0 0 1.5em;&lt;BR&gt;border-bottom:1px dotted     #ccc;&lt;BR&gt;list-style:none;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;#sidebar li {&lt;BR&gt;margin:0;&lt;BR&gt;padding:0     0 .25em 15px;&lt;BR&gt;text-indent:-15px;&lt;BR&gt;line-height:1.5em;&lt;BR&gt;}&lt;BR&gt;#sidebar p     {&lt;BR&gt;color:#666;&lt;BR&gt;line-height:1.5em;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML=&lt;BR&gt;&lt;SPAN     style="COLOR: rgb(255,0,0)"&gt;&amp;lt;div id="sidebar"&amp;gt;&amp;lt;div     id="sidebar2"&amp;gt;&lt;BR&gt;&amp;lt;/div&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;  &lt;P&gt;&lt;SPAN style="COLOR: rgb(255,0,0)"&gt;&lt;/SPAN&gt;&lt;SPAN   style="COLOR: rgb(0,153,0)"&gt;P)页脚部分&lt;/SPAN&gt;&lt;/P&gt;  &lt;BLOCKQUOTE&gt;    &lt;P&gt;&lt;SPAN style="COLOR: rgb(0,153,0)"&gt;&lt;/SPAN&gt;CSS=&lt;BR&gt;&lt;SPAN     style="COLOR: rgb(0,0,255)"&gt;#footer     {&lt;BR&gt;width:660px;&lt;BR&gt;clear:both;&lt;BR&gt;margin:0 auto;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;#footer hr     {&lt;BR&gt;display:none;&lt;BR&gt;}&lt;BR&gt;#footer p     {&lt;BR&gt;margin:0;&lt;BR&gt;padding-top:15px;&lt;BR&gt;font:78%/1.6em "Trebuchet     MS",Trebuchet,Verdana,Sans-serif;&lt;BR&gt;text-transform:uppercase;&lt;BR&gt;letter-spacing:.1em;&lt;BR&gt;}&lt;BR&gt;&lt;BR&gt;#sidebar     p {&lt;BR&gt;color:#666;&lt;BR&gt;line-height:1.5em;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;/SPAN&gt;HTML=&lt;BR&gt;&lt;SPAN     style="COLOR: rgb(255,0,0)"&gt;&amp;lt;div id="footer"&amp;gt;&amp;lt;hr     /&amp;gt;&lt;BR&gt;&amp;lt;p&amp;gt;&amp;lt;!--This is an optional footer. If you want text here,     place it inside these tags, and remove this comment. --&amp;gt;     &amp;lt;/p&amp;gt;&lt;BR&gt;&amp;lt;/div&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;  &lt;P&gt;&lt;SPAN style="COLOR: rgb(255,0,0)"&gt;&lt;/SPAN&gt;&lt;/P&gt;  &lt;DIV style="CLEAR: both"&gt;&lt;/DIV&gt;&lt;/DIV&gt;  &lt;DIV class=post-footer&gt;  &lt;P class="post-footer-line post-footer-line-1"&gt;&lt;SPAN class=post-author&gt;发布者：   咖啡鱼&lt;/SPAN&gt;&lt;/P&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-296768444120199312?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/296768444120199312/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=296768444120199312' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/296768444120199312'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/296768444120199312'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/blogger-betablogger-beta.html' title='Blogger beta：图片解剖Blogger beta模板代码'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-6383209540239536655</id><published>2007-03-12T01:22:00.001-07:00</published><updated>2007-03-12T01:22:34.619-07:00</updated><title type='text'>Fw: Fw: 网络宝  </title><content type='html'>&lt;DIV&gt;  &lt;TABLE cellSpacing=0 cellPadding=0 width="100%" border=0&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD height=22&gt;&lt;FONT face=Arial&gt;&lt;FONT size=2&gt;&lt;FONT         color=#986210&gt;产品经理：&lt;/FONT&gt;marthams&lt;/FONT&gt;&lt;/FONT&gt;&lt;/TD&gt;      &lt;TD height=22&gt;&lt;FONT face=Arial&gt;&lt;FONT size=2&gt;&lt;FONT         color=#986210&gt;所属类型：&lt;/FONT&gt; 网络产品&lt;/FONT&gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT face=Arial color=#986210       size=2&gt;产品描述：&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT face=Arial size=2&gt;http://www.mobileelife.com         http://lifecube.mobileelife.com 网络宝本身集成了网站、大容量电子邮件、FTP文件交换和互联网接入（网关 /         路由）四大网络基本功能，在充分满足中小企业基础网络应用的前提下，还为用户提供了若干增值应用和服务。针对于中小企业信息化应用来说，网络宝具备其它IT产品所没有的特性：         使用简单、免维护，即插即用的特性，一体化的设计，友好的操作界面，使得企业无需技术人员也可以管理和操作；         价格低廉、节省投资，低廉的采购价格，多样化的功能选择，使得企业只需要付出以前采购成本的30%，既可以拥有全部功能；         帮助企业入门信息化，作为中小企业信息化的入门级产品，在设计之初就充分考虑到了企业信息化的建设过程及规范，采用网络宝系列产品，可以使中小企业不再为信息化的实施而烦恼，从而真正保护企业的投资。         &lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT face=Arial color=#986210       size=2&gt;设计思路：&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT face=Arial     size=2&gt;为中小企业提供免维护的信息中心！&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT face=Arial color=#986210       size=2&gt;产品定位：&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT face=Arial       size=2&gt;中小企业/网络基础应用/行业专用设备&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;TD width="150"   align="center" height="60"&gt;  &lt;TABLE height=150 cellSpacing=0 cellPadding=0 width=150 border=1&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD align=middle&gt;&lt;FONT face=Arial size=2&gt;&lt;IMG height=150         src="http://www.chinapm.com.cn/product/proimages/20068814574975880.jpg"         width=150 border=0&gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD   align="center" height="25"&gt;&lt;FONT face=Arial&gt;&lt;FONT size=2&gt;评论：1 点击：370&lt;/TD&gt;   &lt;/TR&gt;&lt;TR&gt;&lt;TD&gt;&lt;FONT   color=#986210&gt;产品添加时间：&lt;/FONT&gt;2006-8-8&lt;/TD&gt;&lt;/TR&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-6383209540239536655?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/6383209540239536655/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=6383209540239536655' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/6383209540239536655'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/6383209540239536655'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/fw-fw.html' title='Fw: Fw: 网络宝  '/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-8728062856674431505</id><published>2007-03-12T01:21:00.001-07:00</published><updated>2007-03-12T01:21:33.268-07:00</updated><title type='text'>Fw: 网络宝  </title><content type='html'>&lt;DIV&gt;  &lt;TABLE cellSpacing=0 cellPadding=0 width="100%" border=0&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD height=22&gt;&lt;FONT face=Arial&gt;&lt;FONT size=1&gt;&lt;FONT         color=#986210&gt;产品经理：&lt;/FONT&gt;marthams&lt;/FONT&gt;&lt;/FONT&gt;&lt;/TD&gt;      &lt;TD height=22&gt;&lt;FONT face=Arial&gt;&lt;FONT size=1&gt;&lt;FONT         color=#986210&gt;所属类型：&lt;/FONT&gt; 网络产品&lt;/FONT&gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT face=Arial color=#986210       size=1&gt;产品描述：&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT face=Arial size=1&gt;http://www.mobileelife.com         http://lifecube.mobileelife.com 网络宝本身集成了网站、大容量电子邮件、FTP文件交换和互联网接入（网关 /         路由）四大网络基本功能，在充分满足中小企业基础网络应用的前提下，还为用户提供了若干增值应用和服务。针对于中小企业信息化应用来说，网络宝具备其它IT产品所没有的特性：         使用简单、免维护，即插即用的特性，一体化的设计，友好的操作界面，使得企业无需技术人员也可以管理和操作；         价格低廉、节省投资，低廉的采购价格，多样化的功能选择，使得企业只需要付出以前采购成本的30%，既可以拥有全部功能；         帮助企业入门信息化，作为中小企业信息化的入门级产品，在设计之初就充分考虑到了企业信息化的建设过程及规范，采用网络宝系列产品，可以使中小企业不再为信息化的实施而烦恼，从而真正保护企业的投资。         &lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT face=Arial color=#986210       size=1&gt;设计思路：&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT face=Arial     size=1&gt;为中小企业提供免维护的信息中心！&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT face=Arial color=#986210       size=1&gt;产品定位：&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT face=Arial       size=1&gt;中小企业/网络基础应用/行业专用设备&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;TD height="60"   align="center" width="150"&gt;  &lt;TABLE height=150 cellSpacing=0 cellPadding=0 width=150 border=1&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD align=middle&gt;&lt;FONT face=Arial size=1&gt;&lt;IMG height=150         src="http://www.chinapm.com.cn/product/proimages/20068814574975880.jpg"         width=150 border=0&gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD   height="25" align="center"&gt;&lt;FONT face=Arial&gt;&lt;FONT size=1&gt;评论：1 点击：370&lt;/TD&gt;   &lt;/TR&gt;&lt;TR&gt;&lt;TD&gt;&lt;FONT   color=#986210&gt;产品添加时间：&lt;/FONT&gt;2006-8-8&lt;/TD&gt;&lt;/TR&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-8728062856674431505?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/8728062856674431505/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=8728062856674431505' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8728062856674431505'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8728062856674431505'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/fw.html' title='Fw: 网络宝  '/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-1212300498712807991</id><published>2007-03-12T01:19:00.000-07:00</published><updated>2007-03-12T01:20:07.392-07:00</updated><title type='text'>网络宝  </title><content type='html'>&lt;DIV&gt;&lt;TR&gt;&lt;TD class=f14 height="25" colspan="2"&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD valign="top"   rowspan="2"&gt;  &lt;TABLE cellSpacing=0 cellPadding=0 width="100%" border=0&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD height=22&gt;&lt;FONT color=#986210&gt;产品经理：&lt;/FONT&gt;marthams&lt;/TD&gt;      &lt;TD height=22&gt;&lt;FONT color=#986210&gt;所属类型：&lt;/FONT&gt; 网络产品&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT color=#986210&gt;产品描述：&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;http://www.mobileelife.com         http://lifecube.mobileelife.com 网络宝本身集成了网站、大容量电子邮件、FTP文件交换和互联网接入（网关 /         路由）四大网络基本功能，在充分满足中小企业基础网络应用的前提下，还为用户提供了若干增值应用和服务。针对于中小企业信息化应用来说，网络宝具备其它IT产品所没有的特性：         使用简单、免维护，即插即用的特性，一体化的设计，友好的操作界面，使得企业无需技术人员也可以管理和操作；         价格低廉、节省投资，低廉的采购价格，多样化的功能选择，使得企业只需要付出以前采购成本的30%，既可以拥有全部功能；         帮助企业入门信息化，作为中小企业信息化的入门级产品，在设计之初就充分考虑到了企业信息化的建设过程及规范，采用网络宝系列产品，可以使中小企业不再为信息化的实施而烦恼，从而真正保护企业的投资。       &lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT color=#986210&gt;设计思路：&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;为中小企业提供免维护的信息中心！&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;&lt;FONT color=#986210&gt;产品定位：&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;    &lt;TR&gt;      &lt;TD colSpan=2 height=25&gt;中小企业/网络基础应用/行业专用设备&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;TD   height="60" width="150" align="center"&gt;  &lt;TABLE height=150 cellSpacing=0 cellPadding=0 width=150 border=1&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD align=middle&gt;&lt;IMG height=150         src="http://www.chinapm.com.cn/product/proimages/20068814574975880.jpg"         width=150 border=0&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD height="25"   align="center"&gt;评论：1 点击：370&lt;/TD&gt; &lt;/TR&gt;&lt;TR&gt;&lt;TD&gt;&lt;FONT   color=#986210&gt;产品添加时间：&lt;/FONT&gt;2006-8-8&lt;/TD&gt;&lt;/TR&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-1212300498712807991?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/1212300498712807991/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=1212300498712807991' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/1212300498712807991'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/1212300498712807991'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/blog-post_12.html' title='网络宝  '/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-8668144352350663175</id><published>2007-03-12T01:17:00.001-07:00</published><updated>2007-03-12T01:17:51.931-07:00</updated><title type='text'>asdasdasdasd</title><content type='html'>&lt;DIV&gt;&lt;FONT face=Verdana&gt;&lt;FONT size=2&gt;adad&lt;/FONT&gt;&lt;/DIV&gt; &lt;DIV&gt;&lt;FONT size=2&gt;&lt;/FONT&gt;&amp;nbsp;&lt;/DIV&gt; &lt;DIV align=left&gt;&lt;FONT size=2&gt; &lt;HR style="WIDTH: 482px; HEIGHT: 2px" SIZE=2&gt; &lt;/FONT&gt;&lt;/DIV&gt; &lt;DIV&gt;&lt;FONT color=#c0c0c0&gt;&lt;FONT size=2&gt;&lt;/FONT&gt;&lt;/DIV&gt; &lt;DIV&gt;&lt;FONT size=2&gt;2007-03-12&lt;/FONT&gt;&lt;/FONT&gt;&lt;/DIV&gt;&lt;/FONT&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-8668144352350663175?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/8668144352350663175/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=8668144352350663175' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8668144352350663175'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8668144352350663175'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/asdasdasdasd.html' title='asdasdasdasd'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-4429966531065130111</id><published>2007-03-08T18:58:00.001-08:00</published><updated>2007-03-08T18:58:37.992-08:00</updated><title type='text'>blogspot的使用</title><content type='html'>&lt;DIV&gt;  &lt;P&gt;开始当作一个事情在写，我记得也不过是11月的事情，到现在刚好2个月左右。文章的过程其实是我学习BLOGGER模版的过程，还记得最早用的那个修改过的ROUNDER2模版到现在依然很喜欢，宽宽大大，速度超快，起码看起来相对轻松，现在用在我家&lt;A   href="http://dukefeng.blogspot.com/"   target=_blank&gt;宝贝儿子&lt;/A&gt;的博客上，那个时候不会想到能够坚持下来一直到今天，不知不觉一路写了这么多东西，一切都是在不经意之间发生的，就好像是一次娱乐，也类似玩游戏，不断经营看着他慢慢成长壮大完善健康。&lt;SPAN   id=fullpost&gt;&lt;BR&gt;&lt;BR&gt;将自己关于BLOGGER方面的内容整理了一个列表，方便更多的BLOGGER战友借鉴参考，所有的文章都是我在修改自己这个模版中的自我体会与学习心得，文章提及的相关技术一部分来自我自己的体会，一部分来自其他BLOGGER的学习笔记，只要看的那个站有名有姓，我都会列出原作地址与出处，如果没有出处的基本上来源于一些技术论坛及闲杂社区。整个文章的过程就是我对BLOGGER模版了解的过程，国内的BLOGGER同好相对稀少，希望忽而有兴趣玩玩   BLOGGER的过客看到这些文章积极加入进BLOGGER的队伍，真愿意苦口婆心的告诉他们，这是最好的博客平台，也许他会存在稍许的技术门槛，对于   HTML和CSS不熟悉的朋友，相对需要花更多的时间和精力去实现更多的功能，但是站在大的原则大的方向上说，BLOGGER是最好的！这无庸置疑！&lt;BR&gt;&lt;BR&gt;在CSS+DIV的知识学习上，我最最感谢的却是一个国外网站&lt;A   href="http://www.mybloglog.com/"   target=_blank&gt;MYBLOGLOG&lt;/A&gt;，在某个阶段，从那上边的各色各样的网站中学习到大量的新知识新思路，也包括SEO的知识。2.0时代是不是就是一个这样的时代，跨越地区与空间阻隔，远在天涯却恍如咫尺，你无法触摸到对面的他，感受不到他的体温，但却可以听到他的声音，甚至领悟他的思考。&lt;BR&gt;&lt;BR&gt;&lt;A   href="http://dugangs.blogspot.com/2007/02/bloggersidebar.html"&gt;http://dugangs.blogspot.com/2007/02/bloggersidebar.html&lt;/A&gt;&lt;BR&gt;让BLOGGER模版的SIDEBAR与众不同   &lt;/SPAN&gt;&lt;/P&gt;  &lt;P dragover="true"&gt;&lt;A href="http://dugangs.blogspot.com/2007/01/blogger_28.html"   dragover="true"&gt;http://dugangs.blogspot.com/2007/01/blogger_28.html&lt;/A&gt;&lt;BR&gt;为BLOGGER增加一个简洁小巧的书签样式   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2007/01/blogger_22.html"&gt;http://dugangs.blogspot.com/2007/01/blogger_22.html&lt;/A&gt;&lt;BR&gt;BLOGGER模版修改不能仅仅关注首页   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2007/01/bloggermybloglog.html"&gt;http://dugangs.blogspot.com/2007/01/bloggermybloglog.html&lt;/A&gt;&lt;BR&gt;玩BLOGGER和MYBLOGLOG   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2007/01/blogger_15.html"&gt;http://dugangs.blogspot.com/2007/01/blogger_15.html&lt;/A&gt;&lt;BR&gt;为你的BLOGGER增加幻彩的链接样式   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2007/01/blogger_13.html"&gt;http://dugangs.blogspot.com/2007/01/blogger_13.html&lt;/A&gt;&lt;BR&gt;为BLOGGER模版增加图片展示的方法   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2007/01/blogger_08.html"&gt;http://dugangs.blogspot.com/2007/01/blogger_08.html&lt;/A&gt;&lt;BR&gt;BLOGGER中如何将中文内容翻译为英文   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2007/01/blogger_07.html"&gt;http://dugangs.blogspot.com/2007/01/blogger_07.html&lt;/A&gt;&lt;BR&gt;BLOGGER模版的标签分类页首如何修改   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2007/01/blogger_9450.html"&gt;http://dugangs.blogspot.com/2007/01/blogger_9450.html&lt;/A&gt;&lt;BR&gt;简单修改BLOGGER模版中发表评论的样式   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2007/01/blogger_05.html"&gt;http://dugangs.blogspot.com/2007/01/blogger_05.html&lt;/A&gt;&lt;BR&gt;&lt;A   href="http://dugangs.blogspot.com/2006/12/blogger_22.html"&gt;http://dugangs.blogspot.com/2006/12/blogger_22.html&lt;/A&gt;&lt;BR&gt;&lt;A   href="http://dugangs.blogspot.com/2006/12/blogger_21.html"&gt;http://dugangs.blogspot.com/2006/12/blogger_21.html&lt;/A&gt;&lt;BR&gt;为搜索引擎优化你的BLOGGER   一，二，三 &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2007/01/blogger_03.html"&gt;http://dugangs.blogspot.com/2007/01/blogger_03.html&lt;/A&gt;&lt;BR&gt;玩BLOGGER要有十八罗汉护身   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2007/01/blogger.html"&gt;http://dugangs.blogspot.com/2007/01/blogger.html&lt;/A&gt;&lt;BR&gt;再说BLOGGER中的字体设置   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2006/12/bloggersidebar.html"&gt;http://dugangs.blogspot.com/2006/12/bloggersidebar.html&lt;/A&gt;&lt;BR&gt;在BLOGGER中增加第二个SIDEBAR   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2006/12/blogger_24.html"&gt;http://dugangs.blogspot.com/2006/12/blogger_24.html&lt;/A&gt;&lt;BR&gt;自己动手制作BLOGGER模板   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2006/12/blogger.html"&gt;http://dugangs.blogspot.com/2006/12/blogger.html&lt;/A&gt;&lt;BR&gt;简单修改BLOGGER模版中的圆角   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2006/11/json.html"&gt;http://dugangs.blogspot.com/2006/11/json.html&lt;/A&gt;&lt;BR&gt;用JSON实现博客中的内容调用   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2006/11/blog-post_8039.html"&gt;http://dugangs.blogspot.com/2006/11/blog-post_8039.html&lt;/A&gt;&lt;BR&gt;选购适合搭建博客的虚拟主机   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2006/11/blog-post_2442.html"&gt;http://dugangs.blogspot.com/2006/11/blog-post_2442.html&lt;/A&gt;&lt;BR&gt;让域名直接指向你的博客   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2006/11/mp3.html"&gt;http://dugangs.blogspot.com/2006/11/mp3.html&lt;/A&gt;&lt;BR&gt;自己动手制作MP3音乐播放器   &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2006/11/blog-post_14.html"&gt;http://dugangs.blogspot.com/2006/11/blog-post_14.html&lt;/A&gt;&lt;BR&gt;免费资源测试   图库外链显示 &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2006/11/blog-post_10.html"&gt;http://dugangs.blogspot.com/2006/11/blog-post_10.html&lt;/A&gt;&lt;BR&gt;采取行动   自己动手搭建博客系统 &lt;/P&gt;  &lt;P&gt;&lt;A   href="http://dugangs.blogspot.com/2006/10/blogger_30.html"&gt;http://dugangs.blogspot.com/2006/10/blogger_30.html&lt;/A&gt;&lt;BR&gt;解答"亚一"关于blogger模版修改的问题&lt;BR&gt;&lt;BR&gt;有些老的模版方面的文章就没有选择进来，毕竟BLOGGER已经放弃老版本了，回首来时路，还是心有感慨，2个月来最大的收获是来自于对CSS+DIV的熟悉，这是以前从未接触过的一块内容，深刻领悟标准化结构的强大功能和优点，我想这是一种趋势。&lt;BR&gt;&lt;BR&gt;感谢&lt;A   href="http://www.google.com/"   target=_blank&gt;GOOGLE&lt;/A&gt;，每当我使用GMAIL，BLOGGER，GTALK，ADSENSE，ANALYTICS，READER的时候，我都想说，谢谢GOOGLE，给了我们如此众多的免费精品，我希望你能在中国的土地上生根开花，如果说这样的方式也算是一种文化的侵略，我甘愿被你征服！&lt;/P&gt;&lt;SPAN   id=showlink&gt;  &lt;P&gt;&lt;A onclick='javascript:showFull("post-4101768363288233994");'   href="javascript:void(0);"&gt;继续阅读全文 READMORE...&lt;/A&gt;&lt;/P&gt;&lt;/SPAN&gt;&lt;SPAN id=hidelink   style="DISPLAY: none"&gt;  &lt;P&gt;&lt;A onclick='javascript:hideFull("post-4101768363288233994");'   href="javascript:void(0);"&gt;撤销全文阅读 SUMMARY&lt;/A&gt;&lt;/P&gt;&lt;/SPAN&gt;  &lt;SCRIPT type=text/javascript&gt;checkFull("post-" + "4101768363288233994")&lt;/SCRIPT&gt;  &lt;BR&gt;&lt;BR&gt;&lt;SPAN class=post-author&gt;发表者 &lt;A href="http://dugangs.blogspot.com/"   target=_blank&gt;禾草唐楷&lt;/A&gt; &lt;A href="http://blog.xjtk.com/" target=_blank&gt;禾草唐楷镜像&lt;/A&gt;   &lt;/SPAN&gt;&lt;SPAN class=post-timestamp&gt;&lt;A class=timestamp-link title="permanent link"   href="http://dugangs.blogspot.com/2007/02/blog-post.html"&gt;8:30 上午&lt;/A&gt;   &lt;/SPAN&gt;&lt;BR&gt;&lt;SPAN class=post-labels&gt;标签： &lt;A   href="http://dugangs.blogspot.com/search/label/%E5%8D%9A%E5%AE%A2%E6%8A%80%E5%B7%A7"   rel=tag&gt;博客技巧&lt;/A&gt; &lt;/SPAN&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-4429966531065130111?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/4429966531065130111/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=4429966531065130111' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/4429966531065130111'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/4429966531065130111'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/blogspot.html' title='blogspot的使用'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-2814903221227274912</id><published>2007-03-05T01:13:00.001-08:00</published><updated>2007-03-05T01:13:17.567-08:00</updated><title type='text'>佳能A640：一个神话的延续 </title><content type='html'>&lt;DIV&gt;  &lt;DIV class=zhengw id=article_content dragover="true"&gt;&lt;STRONG&gt;&lt;A   style="COLOR: rgb(0,0,0)" href="http://corp.it168.com/corp/9_index.shtml"   target=_blank&gt;佳能&lt;/A&gt;&lt;A style="COLOR: rgb(0,0,0)"   href="http://product.it168.com/detail/doc/134321/price.shtml"   target=_blank&gt;A640&lt;/A&gt;：一个神话的延续&lt;/STRONG&gt;   &lt;P&gt;　　传承了几代的&lt;A style="COLOR: rgb(0,0,0)"   href="http://product.it168.com/list/b/03050046_1.shtml"   target=_blank&gt;佳能&lt;/A&gt;A系列成就了这个品牌低端专业机霸主的地位，在入门产品上加入手动功能是若干年前一个具有前瞻性的举措，用事实证明专业化并不是高端产品的专利，在入门用户中间同样拥有巨大的市场。A640作为这个系列目前最高端的型号，凭借多项领先技术成为了行业新的标杆。   &lt;/P&gt;  &lt;P align=center&gt;&lt;/P&gt;  &lt;TABLE align=center&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD&gt;&lt;A         href="http://publish.it168.com/shumaxiangji/showBigPic.asp?cDocid=20070131000103&amp;amp;picid=295049.jpg"         target=_blank&gt;&lt;IMG         src="http://publish.it168.com/2007/0130/images/295052.jpg"     border=1&gt;&lt;/A&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;  &lt;P&gt;　　佳能A640和前代产品最大的变化是采用了1/1.8英寸的1020 万&lt;A style="COLOR: rgb(0,0,0)"   href="http://publish.it168.com/cword/237.shtml" target=_blank&gt;像素&lt;/A&gt; &lt;A   style="COLOR: rgb(0,0,0)" href="http://publish.it168.com/cword/223.shtml"   target=_blank&gt;CCD&lt;/A&gt;，在手动DC里率先进入千万像素产品行列，并且及其"奢侈"的将旋转LCD升级到了2.5英寸大小，DIGIC3代图形芯片的使用使得画质更佳优秀。至于其它像4倍&lt;A   style="COLOR: rgb(0,0,0)" href="http://publish.it168.com/cword/240.shtml"   target=_blank&gt;变焦&lt;/A&gt;的的35-140mm镜头、最高&lt;A style="COLOR: rgb(0,0,0)"   href="http://publish.it168.com/cword/255.shtml" target=_blank&gt;ISO&lt;/A&gt;800的&lt;A   style="COLOR: rgb(0,0,0)" href="http://publish.it168.com/cword/255.shtml"   target=_blank&gt;感光度&lt;/A&gt;和15 - 1/2500 秒的&lt;A style="COLOR: rgb(0,0,0)"   href="http://publish.it168.com/cword/254.shtml"   target=_blank&gt;快门&lt;/A&gt;范围都是沿袭自A620的成熟设计。A640具有程序自动&lt;A style="COLOR: rgb(0,0,0)"   href="http://publish.it168.com/cword/256.shtml" target=_blank&gt;曝光&lt;/A&gt;、&lt;A   style="COLOR: rgb(0,0,0)" href="http://publish.it168.com/cword/252.shtml"   target=_blank&gt;光圈&lt;/A&gt;优先、快门优先以及全手动等曝光模式，还具备&lt;A style="COLOR: rgb(0,0,0)"   href="http://pc.it168.com/" target=_blank&gt;PC&lt;/A&gt;遥控错作功能，这也是A系列顶级产品的标志之一。 &lt;/P&gt;  &lt;P align=center&gt;&lt;/P&gt;  &lt;TABLE align=center&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD&gt;&lt;A         href="http://publish.it168.com/shumaxiangji/showBigPic.asp?cDocid=20070131000103&amp;amp;picid=295053.jpg"         target=_blank&gt;&lt;IMG         src="http://publish.it168.com/2007/0130/images/295054.jpg"     border=1&gt;&lt;/A&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;  &lt;P   dragover="true"&gt;&lt;STRONG&gt;点评：&lt;/STRONG&gt;佳能A系列在比较合理的低价位上，提供了相当完整的手动功能，被用户被誉为最佳"学习机"。A640的四倍变焦镜头提供了比普通三倍&lt;A   style="COLOR: rgb(0,0,0)" href="http://publish.it168.com/cword/240.shtml"   target=_blank&gt;光学变焦&lt;/A&gt;镜头更宽的创作空间，千万像素是今后发展的主流，旋转LCD使得取景的角度更加多样。如果说还有人么不尽人意的地方，要数略为粗糙的机身做工了，这是拜佳能出色的市场操作手腕所赐，一款定位低端市场，突出功能的产品，就不要指望有很好的做工了，单就这点而言佳能有些不厚道。   &lt;/P&gt;&lt;/DIV&gt;  &lt;DIV class=jxs dragover="true"&gt;&lt;B class=gray dragover="true"&gt;&lt;/B&gt;&amp;nbsp;&lt;/DIV&gt;  &lt;DIV class=jxs dragover="true"&gt;&lt;STRONG&gt;&lt;/STRONG&gt;&amp;nbsp;&lt;/DIV&gt;  &lt;DIV class=jxs dragover="true"&gt;  &lt;P&gt;&lt;STRONG&gt;&lt;A style="COLOR: rgb(0,0,0)"   href="http://corp.it168.com/corp/9_index.shtml"   target=_blank&gt;佳能&lt;/A&gt;A710IS：迎合潮流的&lt;A style="COLOR: rgb(0,0,0)"   href="http://publish.it168.com/cword/3021.shtml"   target=_blank&gt;防抖&lt;/A&gt;新宠&lt;/STRONG&gt;&lt;BR&gt;&amp;nbsp; &lt;BR&gt;　　&lt;A style="COLOR: rgb(0,0,0)"   href="http://product.it168.com/list/b/03050046_1.shtml"   target=_blank&gt;佳能&lt;/A&gt;A系列自诞生以来就在不断的丰富产品线，除了&lt;A style="COLOR: rgb(0,0,0)"   href="http://product.it168.com/detail/doc/115476/price.shtml"   target=_blank&gt;A500&lt;/A&gt;系列和A600系列的高低搭配之外，为了满足用户对于更大镜头&lt;A style="COLOR: rgb(0,0,0)"   href="http://publish.it168.com/cword/240.shtml"   target=_blank&gt;变焦&lt;/A&gt;倍数和光学防抖能力的要求，在A500系列的基础上，通过提升镜头的规格，&lt;A   style="COLOR: rgb(0,0,0)"   href="http://product.it168.com/detail/doc/117261/price.shtml"   target=_blank&gt;A700&lt;/A&gt;系列应运而生。&lt;/P&gt;  &lt;P align=center&gt;&lt;/P&gt;  &lt;TABLE align=center&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD&gt;&lt;A         href="http://publish.it168.com/shumaxiangji/showBigPic.asp?cDocid=20070131000104&amp;amp;picid=295055.jpg"         target=_blank&gt;&lt;IMG         src="http://publish.it168.com/2007/0130/images/295056.jpg"     border=1&gt;&lt;/A&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;  &lt;P&gt;　　佳能A710IS是A700经过进一步完善后推出的改进型号，它使用了目前比较流行的6倍&lt;A style="COLOR: rgb(0,0,0)"   href="http://publish.it168.com/cword/240.shtml"   target=_blank&gt;光学变焦&lt;/A&gt;镜头，即延伸了焦距范围，还可以较好的控制整机的体积和重量，不会过多的牺牲便携性。它还是佳能A系列中唯一具备IS防抖系统的DC，结合等效焦距35-210mm的6倍变焦镜头和A系列固有的全手动&lt;A   style="COLOR: rgb(0,0,0)" href="http://publish.it168.com/cword/256.shtml"   target=_blank&gt;曝光&lt;/A&gt;支持。作为佳能迫于竞争压力推出的A系列加强版本，这款DC的可玩性大大优于同期的&lt;A   style="COLOR: rgb(0,0,0)"   href="http://product.it168.com/detail/doc/117259/price.shtml"   target=_blank&gt;A540&lt;/A&gt;。&lt;/P&gt;  &lt;P align=center&gt;&lt;/P&gt;  &lt;TABLE align=center&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD&gt;&lt;A         href="http://publish.it168.com/shumaxiangji/showBigPic.asp?cDocid=20070131000104&amp;amp;picid=295057.jpg"         target=_blank&gt;&lt;IMG         src="http://publish.it168.com/2007/0130/images/295058.jpg"     border=1&gt;&lt;/A&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;  &lt;P&gt;&lt;STRONG&gt;点评：&lt;/STRONG&gt;对于佳能A系列这种经典的产品而言，不需要过多的赞美。作为新生的机型，A710IS定位在A540和&lt;A   style="COLOR: rgb(0,0,0)"   href="http://product.it168.com/detail/doc/134321/price.shtml"   target=_blank&gt;A630&lt;/A&gt;、&lt;A style="COLOR: rgb(0,0,0)"   href="http://product.it168.com/detail/doc/134321/price.shtml"   target=_blank&gt;A640&lt;/A&gt;之间，大体可以看成是A540的光学性能提升版本，&lt;A style="COLOR: rgb(0,0,0)"   href="http://publish.it168.com/cWord/3528.shtml"   target=_blank&gt;长焦&lt;/A&gt;、手动、光学防抖三大卖点使得它的性价比急剧飙升，已经严重的威胁到了同门A630的销售，二者取舍也是相当多用户头疼的问题。可观的说A710IS光学性能方面更具优势，而机身的素质还是A630占优。任何产品都不是完美的，如果说还有遗憾的话，A710IS的镜头焦距没有具备28mm&lt;A   style="COLOR: rgb(0,0,0)" href="http://publish.it168.com/cword/3035.shtml"   target=_blank&gt;广角&lt;/A&gt;的&lt;A style="COLOR: rgb(0,0,0)"   href="http://product.it168.com/list/b/03050205_1.shtml" target=_blank&gt;理光&lt;/A&gt;&lt;A   style="COLOR: rgb(0,0,0)"   href="http://product.it168.com/detail/doc/134531/price.shtml"   target=_blank&gt;R5&lt;/A&gt;那样诱人。&lt;/P&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-2814903221227274912?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/2814903221227274912/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=2814903221227274912' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/2814903221227274912'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/2814903221227274912'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/a640.html' title='佳能A640：一个神话的延续 '/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-8756452162953780807</id><published>2007-03-04T21:51:00.001-08:00</published><updated>2007-03-04T21:51:10.832-08:00</updated><title type='text'>佳能 Digital IXUS 60 </title><content type='html'>&lt;DIV&gt;&lt;FONT face=Verdana&gt;&lt;FONT size=2&gt;  &lt;DIV class=w601&gt;  &lt;TABLE cellSpacing=0 cellPadding=0 width=601 align=center border=0&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD vAlign=bottom&gt;        &lt;TABLE cellSpacing=0 cellPadding=0 width=164 border=0&gt;          &lt;TBODY&gt;          &lt;TR&gt;            &lt;TD align=middle&gt;&lt;A               href="http://product.it168.com/detail/doc/117478/pic.shtml"&gt;&lt;IMG               style="BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid; BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid"               height=140 alt="数码相机佳能 Digital IXUS 60 报价、图片"               src="http://image.it168.com/product/cBig_pic/0305/117478.jpg"               width=140 align=absMiddle&gt;&lt;/A&gt;&lt;/TD&gt;&lt;/TR&gt;          &lt;TR&gt;            &lt;TD align=middle height=20&gt;              &lt;SCRIPT language=javascript&gt;document.write(tpstr)&lt;/SCRIPT&gt;              &lt;A               href="http://product.it168.com/detail/doc/117478/pic.shtml"&gt;共&lt;FONT               color=#ff000&gt;108&lt;/FONT&gt;张清晰大图&lt;/A&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;      &lt;TD vAlign=bottom&gt;        &lt;TABLE cellSpacing=0 cellPadding=0 width=437 border=0&gt;          &lt;TBODY&gt;          &lt;TR&gt;            &lt;TD vAlign=top align=left colSpan=2 height=28&gt;              &lt;DIV class=font18&gt;&lt;U&gt;              &lt;H1&gt;&amp;nbsp;&lt;/H1&gt;&lt;/U&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;          &lt;TR&gt;            &lt;TD class=L18 style="PADDING-RIGHT: 10px" vAlign=top align=left&gt;              &lt;DIV class=w240&gt;产品类型：卡片相机 &lt;BR&gt;感光器件：CCD &lt;BR&gt;最大像素数（万个）：620               &lt;BR&gt;最高分辨率（像素）：2816×2112 &lt;BR&gt;光学变焦倍数：3 &lt;BR&gt;显示屏尺寸（英寸）：2.5 &lt;/DIV&gt;&lt;/TD&gt;            &lt;TD class=L18 vAlign=top align=left&gt;              &lt;DIV class=w200&gt;              &lt;SCRIPT language=javascript&gt;document.write(rstr)&lt;/SCRIPT&gt;              &lt;B class=red&gt;参考报价：&lt;A class=red               href="http://product.it168.com/detail/doc/117478/price.shtml"&gt;1880元&lt;/A&gt;&lt;/B&gt;&lt;BR&gt;推荐比例：&lt;IMG               height=17 src="http://product.it168.com/detail/images/g.gif"               width=17 align=absMiddle&gt;&lt;A class=font1               href="http://product.it168.com/detail/doc/117478/bbs.shtml"&gt;88%&lt;/A&gt;&lt;IMG               height=17 src="http://product.it168.com/detail/images/b.gif"               width=18 align=absMiddle&gt;&lt;A class=font1               href="http://product.it168.com/detail/doc/117478/bbs.shtml"&gt;12%&lt;/A&gt;&lt;BR&gt;关注指数：&lt;A               class=font1               href="http://product.it168.com/detail/doc/117478/diaoyan.shtml"&gt;1799&lt;/A&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;BR&gt;网友评论：&lt;A               class=font1               href="http://pinglun.it168.com/space_pinglun/pinglun_more.aspx?cspace_code=117478&amp;amp;corder1=4"               target=_blank&gt;486条&lt;/A&gt;&amp;nbsp;&lt;A class=font1               href="http://pinglun.it168.com/space_pinglun/pinglun_more.aspx?cspace_code=117478&amp;amp;corder1=5"               target=_blank&gt;贴图66&lt;/A&gt;&amp;nbsp;&lt;A class=font1               href="http://pinglun.it168.com/space_pinglun/pinglun_more.aspx?cspace_code=117478&amp;amp;corder1=6"               target=_blank&gt;下载1&lt;/A&gt;&lt;BR&gt;使用手册：&lt;A class=font1               href="http://guide.it168.com/pages/15436.shtml"               target=_blank&gt;在线浏览&lt;/A&gt; &lt;BR&gt;厂商资料：&lt;A class=font1               href="http://corp.it168.com/corp/9_index.shtml" target=_blank&gt;佳能&lt;/A&gt;               &lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;          &lt;TR&gt;            &lt;TD align=middle colSpan=2 height=20&gt;              &lt;DIV id=clear1&gt;&lt;!--广告开始--&gt;&lt;SPAN id=ADV_WZL1&gt;              &lt;DIV&gt;&lt;A href="http://www.ems163.com/mysearch.aspx?pinpai=17"               target=_blank&gt;&lt;FONT color=#1201b1&gt;&lt;B&gt;[东方惠泽]点击查看更多优惠套装               信誉商家咨询：010-82673440&lt;/B&gt;&lt;/FONT&gt;&lt;/A&gt;&lt;/DIV&gt;&lt;/SPAN&gt;&lt;!--广告结束--&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;  &lt;SCRIPT language=javascript&gt;document.write(tvstr)&lt;/SCRIPT&gt;  &lt;/FONT&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/FONT&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-8756452162953780807?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/8756452162953780807/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=8756452162953780807' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8756452162953780807'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8756452162953780807'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/digital-ixus-60.html' title='佳能 Digital IXUS 60 '/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-4154254838121525055</id><published>2007-03-04T21:19:00.001-08:00</published><updated>2007-03-04T21:19:32.502-08:00</updated><title type='text'> 佳能 PowerShot A540  </title><content type='html'>&lt;DIV&gt;  &lt;TABLE cellSpacing=0 cellPadding=0 width=601 align=center border=0&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD vAlign=bottom&gt;        &lt;DIV align=left&gt;        &lt;TABLE cellSpacing=0 cellPadding=0 width=164 align=left border=0&gt;          &lt;TBODY&gt;          &lt;TR&gt;            &lt;TD align=middle&gt;&lt;A               href="http://product.it168.com/detail/doc/117259/pic.shtml"&gt;&lt;FONT               face=Verdana&gt;&lt;IMG               style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid"               height=140 alt="数码相机佳能 PowerShot A540 报价、图片"               src="http://image.it168.com/product/cBig_pic/0305/117259.jpg"               width=140 align=absMiddle&gt;&lt;/FONT&gt;&lt;/A&gt;&lt;/TD&gt;&lt;/TR&gt;          &lt;TR&gt;            &lt;TD align=middle height=20&gt;              &lt;SCRIPT language=javascript&gt;document.write(tpstr)&lt;/SCRIPT&gt;              &lt;A href="http://product.it168.com/detail/doc/117259/pic.shtml"&gt;&lt;FONT               face=Verdana&gt;共&lt;FONT           color=#ff000&gt;80&lt;/FONT&gt;张清晰大图&lt;/FONT&gt;&lt;/A&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/DIV&gt;&lt;/TD&gt;      &lt;TD vAlign=bottom&gt;        &lt;TABLE cellSpacing=0 cellPadding=0 width=437 align=left border=0&gt;          &lt;TBODY&gt;          &lt;TR&gt;            &lt;TD vAlign=top align=left colSpan=2 height=28&gt;&lt;U&gt;              &lt;H1 class=font18 align=left&gt;&lt;FONT face=Verdana size=3&gt;佳能 PowerShot               A540 &lt;/FONT&gt;&lt;/H1&gt;&lt;/U&gt;&lt;/TD&gt;&lt;/TR&gt;          &lt;TR&gt;            &lt;TD class=L18 style="PADDING-RIGHT: 10px" vAlign=top align=left&gt;              &lt;DIV class=w240&gt;&lt;FONT face=Verdana&gt;产品类型：家用相机 &lt;BR&gt;感光器件：CCD               &lt;BR&gt;最大像素数（万个）：620 &lt;BR&gt;最高分辨率（像素）：2816×2112 &lt;BR&gt;光学变焦倍数：4               &lt;BR&gt;显示屏尺寸（英寸）：2.5 &lt;/FONT&gt;&lt;/DIV&gt;&lt;/TD&gt;            &lt;TD class=L18 vAlign=top align=left&gt;              &lt;DIV class=w200&gt;              &lt;SCRIPT language=javascript&gt;document.write(rstr)&lt;/SCRIPT&gt;              &lt;B class=red&gt;&lt;FONT face=Verdana&gt;参考报价：&lt;/FONT&gt;&lt;A class=red               href="http://product.it168.com/detail/doc/117259/price.shtml"&gt;&lt;FONT               face=Verdana&gt;1499元&lt;/FONT&gt;&lt;/A&gt;&lt;/B&gt;&lt;BR&gt;&lt;FONT face=Verdana&gt;推荐比例：&lt;IMG               height=17 src="http://product.it168.com/detail/images/g.gif"               width=17 align=absMiddle&gt;&lt;/FONT&gt;&lt;A class=font1               href="http://product.it168.com/detail/doc/117259/bbs.shtml"&gt;&lt;FONT               face=Verdana&gt;67%&lt;/FONT&gt;&lt;/A&gt;&lt;FONT face=Verdana&gt;&lt;IMG height=17               src="http://product.it168.com/detail/images/b.gif" width=18               align=absMiddle&gt;&lt;/FONT&gt;&lt;A class=font1               href="http://product.it168.com/detail/doc/117259/bbs.shtml"&gt;&lt;FONT               face=Verdana&gt;33%&lt;/FONT&gt;&lt;/A&gt;&lt;BR&gt;&lt;FONT face=Verdana&gt;关注指数：&lt;/FONT&gt;&lt;A               class=font1               href="http://product.it168.com/detail/doc/117259/diaoyan.shtml"&gt;&lt;FONT               face=Verdana&gt;850&lt;/FONT&gt;&lt;/A&gt;&lt;FONT               face=Verdana&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;BR&gt;网友评论：&lt;/FONT&gt;&lt;A class=font1               href="http://pinglun.it168.com/space_pinglun/pinglun_more.aspx?cspace_code=117259&amp;amp;corder1=4"               target=_blank&gt;&lt;FONT face=Verdana&gt;154条&lt;/FONT&gt;&lt;/A&gt;&lt;FONT               face=Verdana&gt;&amp;nbsp;&lt;/FONT&gt;&lt;A class=font1               href="http://pinglun.it168.com/space_pinglun/pinglun_more.aspx?cspace_code=117259&amp;amp;corder1=5"               target=_blank&gt;&lt;FONT face=Verdana&gt;贴图41&lt;/FONT&gt;&lt;/A&gt;&lt;FONT               face=Verdana&gt;&amp;nbsp;&lt;/FONT&gt;&lt;A class=font1               href="http://pinglun.it168.com/space_pinglun/pinglun_more.aspx?cspace_code=117259&amp;amp;corder1=6"               target=_blank&gt;&lt;FONT face=Verdana&gt;下载1&lt;/FONT&gt;&lt;/A&gt;&lt;BR&gt;&lt;FONT               face=Verdana&gt;使用手册：&lt;/FONT&gt;&lt;A class=font1               href="http://guide.it168.com/pages/15439.shtml" target=_blank&gt;&lt;FONT               face=Verdana&gt;在线浏览&lt;/FONT&gt;&lt;/A&gt;&lt;FONT face=Verdana&gt; &lt;/FONT&gt;&lt;A               class=font1               href="http://guide.it168.com/pagesdown/20060329112515.shtml"               target=_blank&gt;&lt;FONT face=Verdana&gt;手册下载&lt;/FONT&gt;&lt;/A&gt;&lt;BR&gt;&lt;FONT               face=Verdana&gt;厂商资料：&lt;/FONT&gt;&lt;A class=font1               href="http://corp.it168.com/corp/9_index.shtml" target=_blank&gt;&lt;FONT               face=Verdana&gt;佳能&lt;/FONT&gt;&lt;/A&gt;&lt;FONT face=Verdana&gt; &lt;/FONT&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;          &lt;TR&gt;            &lt;TD align=middle colSpan=2 height=20&gt;              &lt;DIV id=clear1&gt;&lt;!--广告开始--&gt;&lt;SPAN id=ADV_WZL1&gt;              &lt;DIV&gt;&lt;A href="http://www.ems163.com/mysearch.aspx?pinpai=17"               target=_blank&gt;&lt;FONT face=Verdana color=#1201b1&gt;&lt;B&gt;[东方惠泽]点击查看更多优惠套装               信誉商家咨询：010-82673440&lt;/B&gt;&lt;/FONT&gt;&lt;/A&gt;&lt;/DIV&gt;&lt;/SPAN&gt;&lt;!--广告结束--&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;  &lt;DIV class=w601bg&gt;&lt;A class=publ   href="http://product.it168.com/detail/doc/117259/cuxiao.shtml"&gt;&lt;FONT   face=Verdana&gt;&lt;/FONT&gt;&lt;/A&gt;&amp;nbsp;&lt;/DIV&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-4154254838121525055?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/4154254838121525055/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=4154254838121525055' title='1 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/4154254838121525055'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/4154254838121525055'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/powershot-a540.html' title=' 佳能 PowerShot A540  '/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-6800109572124227772</id><published>2007-03-04T17:47:00.001-08:00</published><updated>2007-03-04T17:47:20.746-08:00</updated><title type='text'>一款系统的短暂生命</title><content type='html'>&lt;DIV&gt;  &lt;DIV&gt;  &lt;DIV&gt;作者&lt;A href="mailto:ryanachan@163.com"&gt;&lt;FONT color=#ff7d82&gt;Ryana&lt;/FONT&gt;&lt;/A&gt;   发表于 2005-11-28&amp;nbsp;&amp;nbsp;22:11 | 类别：&lt;A   href="http://spaces.msn.com/s41139/index.html"&gt;&lt;FONT   color=#ff7d82&gt;笔记Notes&lt;/FONT&gt;&lt;/A&gt;&amp;nbsp;&lt;A   href="http://spaces.msn.com/s13264/index.html"&gt;&lt;FONT   color=#ff7d82&gt;交互设计&lt;/FONT&gt;&lt;/A&gt;&amp;nbsp;&lt;A   href="http://spaces.msn.com/s38879/index.html"&gt;&lt;FONT   color=#ff7d82&gt;用户体验&lt;/FONT&gt;&lt;/A&gt;&lt;BR&gt;本文地址：&lt;A   href="http://spaces.msn.com/logs/2005/11/1644640.html"&gt;&lt;FONT   color=#ff7d82&gt;http://ui.blogbus.com/logs/2005/11/1644640.html&lt;/FONT&gt;&lt;/A&gt;&lt;BR&gt;&lt;/DIV&gt;&lt;BR&gt;  &lt;P&gt;Bengali公司在1996年历时一年秘密开发了一款系统,准备打败当时红极一时的PointCast&amp;nbsp;（ A service that   ingeniously transformed the mundane screen saver into a unique   advertising-driven news and stock service, it was the wunderkind on the block.   It attracted tens of thousands of users and landed its creators on the covers of   all the industry magazines.   ）Bengali公司在此之前曾经取得一些该领域的成功，因此信心满满的打算创造出让所有人都跌破眼镜的新媒体， 下一代的电视、广播或者出版媒体.   &lt;P&gt;这款创新的系统叫"Typhoon"&amp;nbsp;,Bengali公司让他最聪明的贤才在屋子里秘密开发这款系统，直到发布。他们做了大量的工作。开发团队试图解决一个这样的问题"未来社会如何与媒体交互？"假设很多，每个回答又带来了更多的问题，这套系统变得越来越复杂，怪异。但是Bengali打算发布它了。     &lt;P&gt;在面市前，这款系统被展示给一些顶级公司的高管，虽然不能否认成绩，但是一些人开始好奇，观众会是什么人呢？还有一些人询问人们该怎么使用。开发团队回答了所有的问题，但是他们承认系统还不能面对最终用户.   系统已经被开发人员试用，也作了自我的评估，所以他们觉得已经十分贴近最终用户想要的呢，但是，为了给这些高管们面子，他们决定在发布前作一些用户研究。   &lt;P&gt;12个人被挑选出来成为做one-on-one用户测试，执行两个比较难的任务，描述一下对产品的看法。.这场测试简直就是一场灾难。   &lt;P&gt;用户完全不理解Typhoon是什么软件，更别提怎么来使用它了。然后开发人员开始修订一些问题，试图让Typhoon更明了，帮助人们能使用它，但他们并没有什么明确的方向怎么做。产品发布前，他们只来得及修改一些最明显的问题。     &lt;P&gt;Typhoon发布后，一片混乱，媒体和首批用户都不知道怎么用它。尽管进行了强势的广告宣传，用户数量还是不停萎缩,使用量明显少于Bengali公司最初的设计.     &lt;P&gt;在Typhoon的修订版进入开发时，方向更不清晰，一些根本性的问题不停的出现。他们在范围、用户、目的、功能性各个方面争论不休。一些看起来已经确定的也变得不稳定。项目执行者们很快就失去了可以修改好Typhoon的信心。修改也没有试图去留住那些即将失去的typhoon用户。两个月后，有较多传统软件背景的项目主管被换掉了。新的项目主管试图把Typhoon变成了一个更寻常的新闻服务，团队开始变得动荡，他们觉得自己的创造和好的想法都被管理者给浪费了。     &lt;P&gt;Typhoon上线四个月后，最后的原始成员也离开了项目。又过了两个月后，Typhoon悄悄的下线了，如今只有T恤保留下来。这是个真实的故事，多少年后，参与这个项目的人回想起来仍然感到心痛，付出了那么多的努力和心血，那么多好的想法被浪费掉了。     &lt;P&gt;这是个失败的产品，失败的原因不是代码的质量或者改革的核心，而在于不理解他的用户。一个好的产品如果不能满足他们的需要，完成他们的意图，尊重用户的能力，那就不是好的产品，无论其代码多好，视觉设计有多好。     &lt;P&gt;Bengali公司因为忽略了用户研究付出了沉重的代价。&lt;/P&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-6800109572124227772?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/6800109572124227772/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=6800109572124227772' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/6800109572124227772'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/6800109572124227772'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/03/blog-post.html' title='一款系统的短暂生命'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-8145724380903479546</id><published>2007-02-28T01:23:00.001-08:00</published><updated>2007-02-28T01:23:31.892-08:00</updated><title type='text'>关于Manpower </title><content type='html'>&lt;DIV&gt;  &lt;DIV class=con&gt;&lt;!--日志开始--&gt;  &lt;DIV class=para_con&gt;  &lt;DIV class=h2blk&gt;  &lt;H2&gt;创建时间和总部：1948 in Glendale, Wisconsin,USA&lt;/H2&gt;&lt;/DIV&gt;  &lt;P&gt;品牌：Manpower和Manpower Professional&lt;/P&gt;  &lt;P&gt;&lt;BR&gt;服务：&lt;/P&gt;  &lt;UL&gt;    &lt;LI&gt;高端到中阶的人才推荐服务     &lt;LI&gt;合同员工招募服务     &lt;LI&gt;人才测评服务     &lt;LI&gt;培训服务     &lt;LI&gt;商业外包管理服务&lt;/LI&gt;&lt;/UL&gt;  &lt;P&gt;子网络：在全国11个重点城市拥有45个分支机构和超过350名专业招募人员的万宝盛华&lt;/P&gt;  &lt;P&gt;年收益:超过160亿美元&lt;/P&gt;  &lt;P&gt;公司至尊两宝：&lt;/P&gt;  &lt;P&gt;每个季度出版一份吸引各方强烈关注的探寻中国乃至全世界范围的人才管理问题的白皮书。&lt;/P&gt;  &lt;P&gt;季度性的调查报告-万宝盛华雇佣前景调查是来预测下一个季度企业雇主们的雇佣趋势和意向，此项调查现已成为了中国市场最具权威性的调查研究。&lt;BR&gt;&lt;/P&gt;&lt;SPAN   class=read&gt;[&lt;A onfocus=undefined   href="http://blog.chinahr.com/blog/huangxinmei/subject/15"&gt;行业交流&lt;/A&gt;]   &lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-8145724380903479546?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/8145724380903479546/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=8145724380903479546' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8145724380903479546'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8145724380903479546'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/manpower.html' title='关于Manpower '/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-95892734883378733</id><published>2007-02-14T18:23:00.001-08:00</published><updated>2007-02-14T18:23:10.704-08:00</updated><title type='text'>认知心理学（彭聃龄）</title><content type='html'>&lt;DIV&gt;&lt;FONT face=Verdana&gt;&lt;FONT size=2&gt;  &lt;DIV class=introduce&gt;  &lt;DIV class=title&gt;书籍介绍&lt;/DIV&gt;  &lt;DIV   class=list&gt;中国心理学家对认知心理学的兴趣，主要表现在两个方面。在理论方面，认知心理学有助于揭示人的认识过程的特点和�炔炕�制。认知心理学反对行为主义的机械论，强调人类认知的主动性、积极性，以及人的认知结构在获得知识中的作用。这些看法对中国心理学家具有强烈的吸引力。在应用方面，认知心理学重视研究高级的认知过程，如学习、问题解决、决策等，从而使心理学能走出实验室的小天地，更直接地为社会服务；认知心理学与一些高、新技术的联系，也使人们向往着它的应用前景。近年来，认知心理学的研究开始深入到社会实践的许多领域，特别是教育领域，出现了用认知心理学的观点探讨教育、教学过程的新构想。这些应用研究的成果也同样吸引着中国心理学家。&lt;BR&gt;为系统地介绍认知心理学的成就，我们编写了《认知心理学》一书。在写作时，我们力求：(1)用历史的眼光考察认知心理学的产生、演变和发展，它的特点以及与传统心理学的关系。近年来它在研究范式上的变化及可能的发展方向等，也是我们非常关心的问题。(2)展现认知心理学在各个领域的研究成果，特别是在认知模型建构和实验研究方面的成果。(3)在介绍认知心理学的基础研究的同时，也介绍认知心理学在不同领域的应用。(4)力求内容深入浅出，文字通顺流畅，符合人的认识规律。   &lt;/DIV&gt;&lt;/DIV&gt;  &lt;DIV class=introduce&gt;  &lt;DIV class=title&gt;书籍目录&lt;/DIV&gt;  &lt;DIV class=list&gt;世纪心理学丛书总序&lt;BR&gt;世纪心理学丛书目录&lt;BR&gt;自序&lt;BR&gt;目次&lt;IMG alt=girl hspace=8   src="cid:__0@Foxmail.net" align=left vspace=8   border=1&gt;&lt;BR&gt;第一章&amp;nbsp;认知心理学及其发展&lt;BR&gt;第一节&amp;nbsp;认知心理学的研究对象和研究领域&lt;BR&gt;第二节&amp;nbsp;认知心理学的研究方法&lt;BR&gt;第三节&amp;nbsp;认知心理学的回顾与展望&lt;BR&gt;本章摘要&lt;BR&gt;建议参考资料&lt;BR&gt;第二章&amp;nbsp;模式识别&lt;BR&gt;第一节&amp;nbsp;知觉与模式识别&lt;BR&gt;第二节&amp;nbsp;模式识别中的认知与非认知因素&lt;BR&gt;第三节&amp;nbsp;模式识别的早期理论&lt;BR&gt;第四节&amp;nbsp;模式识别的近期理论&lt;BR&gt;本章摘要&lt;BR&gt;建议参考资料&lt;BR&gt;第三章&amp;nbsp;注意&lt;BR&gt;第一节&amp;nbsp;注意的概述&lt;BR&gt;第二节&amp;nbsp;选择性注意&lt;BR&gt;第三节&amp;nbsp;认知容量与分配性注意&lt;BR&gt;第四节&amp;nbsp;持续性注意&lt;BR&gt;第五节&amp;nbsp;自动化处理&lt;BR&gt;本章摘要&lt;BR&gt;建议参考资料&lt;BR&gt;第四章&amp;nbsp;短时记忆&lt;BR&gt;第一节&amp;nbsp;短时记忆的概念&lt;BR&gt;第二节&amp;nbsp;短时记忆的容量&lt;BR&gt;第三节&amp;nbsp;短时记忆的代码&lt;BR&gt;第四节&amp;nbsp;短时记忆的信息提取&lt;BR&gt;第五节&amp;nbsp;短时记忆的遗忘&lt;BR&gt;本章摘要&lt;BR&gt;建议参考资料&lt;BR&gt;第五章&amp;nbsp;长时记忆&lt;BR&gt;第一节&amp;nbsp;长时记忆的代码&lt;BR&gt;第二节&amp;nbsp;长时记忆的语意信息储存&lt;BR&gt;第三节&amp;nbsp;长时记忆的信息提取&lt;BR&gt;第四节&amp;nbsp;长时记忆的信息遗忘&lt;BR&gt;第五节&amp;nbsp;架构与记忆&lt;BR&gt;本章摘要&lt;BR&gt;建议参考资料&lt;BR&gt;第六章&amp;nbsp;意&amp;nbsp;象&lt;BR&gt;第一节&amp;nbsp;意象的概述&lt;BR&gt;第二节&amp;nbsp;意象的著名实验研究&lt;BR&gt;第三节&amp;nbsp;认知地图&lt;BR&gt;第四节&amp;nbsp;意象在信息加工中的作用&lt;BR&gt;第五节&amp;nbsp;意象的理论模型&lt;BR&gt;本章摘要&lt;BR&gt;建议参考资料&lt;BR&gt;第七章&amp;nbsp;思维&amp;nbsp;&lt;BR&gt;第一节&amp;nbsp;思维概述&lt;BR&gt;第二节&amp;nbsp;概念&lt;BR&gt;第三节&amp;nbsp;推理&lt;BR&gt;本章摘要&lt;BR&gt;建议参考资料&lt;BR&gt;第八章&amp;nbsp;问题解决&lt;BR&gt;第一节&amp;nbsp;概述&lt;BR&gt;第二节&amp;nbsp;表征问题&lt;BR&gt;第三节&amp;nbsp;问题解决的策略&lt;BR&gt;第四节&amp;nbsp;影响问题解决的其他因素&lt;BR&gt;第五节&amp;nbsp;创造性&lt;BR&gt;本章摘要&lt;BR&gt;建议参考资料&lt;BR&gt;第九章&amp;nbsp;语言&lt;BR&gt;第一节&amp;nbsp;语言的性质&lt;BR&gt;第二节&amp;nbsp;语言的结构&lt;BR&gt;第三节&amp;nbsp;语法&lt;BR&gt;第四节&amp;nbsp;语言与思维的关系&lt;BR&gt;本章摘要&lt;BR&gt;建议参考资料&lt;BR&gt;第十章&amp;nbsp;言语的产生和理解&lt;BR&gt;第一节&amp;nbsp;言语产生的机制&amp;nbsp;&lt;BR&gt;第二节&amp;nbsp;单个语音的知觉&lt;BR&gt;第三节&amp;nbsp;连续语音的知觉&lt;BR&gt;本章摘要&lt;BR&gt;建议参考资料&lt;BR&gt;第十一章&amp;nbsp;阅读的认知处理&lt;BR&gt;第一节&amp;nbsp;阅读的概念和阅读过程的模式&lt;BR&gt;第二节&amp;nbsp;词的认知&lt;BR&gt;第三节&amp;nbsp;句子的理解和文本结构分析&lt;BR&gt;本章摘要&lt;BR&gt;建议参考资料&lt;BR&gt;第十二章&amp;nbsp;认知心理学的应用&lt;BR&gt;第一节&amp;nbsp;认知心理学在教学方面的应用&lt;BR&gt;第二节&amp;nbsp;认知心理学在阅读方面的应用&lt;BR&gt;第三节&amp;nbsp;认知心理学在工程设计上的应用&lt;BR&gt;本章摘要&lt;BR&gt;建议参考资料&lt;BR&gt;参考文献&lt;BR&gt;索引&lt;BR&gt;(一)汉英对照&lt;BR&gt;(二)英汉对照&lt;/DIV&gt;&lt;/DIV&gt;&lt;/FONT&gt;&lt;/DIV&gt;  &lt;DIV&gt;&lt;FONT size=2&gt;&lt;/FONT&gt;&amp;nbsp;&lt;/DIV&gt;  &lt;DIV align=left&gt;&lt;FONT size=2&gt;  &lt;HR style="WIDTH: 122px; HEIGHT: 2px" SIZE=2&gt;  &lt;/FONT&gt;&lt;/DIV&gt;  &lt;DIV&gt;&lt;FONT color=#c0c0c0&gt;&lt;FONT size=2&gt;Fan Luanli&lt;/FONT&gt;&lt;/DIV&gt;  &lt;DIV&gt;&lt;FONT size=2&gt;2007-02-15&lt;/FONT&gt;&lt;/FONT&gt;&lt;/DIV&gt;&lt;/FONT&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-95892734883378733?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/95892734883378733/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=95892734883378733' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/95892734883378733'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/95892734883378733'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/blog-post_2229.html' title='认知心理学（彭聃龄）'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-5509227955979706405</id><published>2007-02-14T18:15:00.001-08:00</published><updated>2007-02-14T18:15:21.480-08:00</updated><title type='text'>全部认知心理学书籍列表</title><content type='html'>&lt;FONT face=Georgia size=2&gt;  &lt;DIV&gt;  &lt;DIV class=title1&gt;  &lt;H2&gt;书籍名称：&lt;A title=认知心理学   href="http://www.ttpsy.com/xinlixueshuji/xinlixueshuji_2479.html" target=_blank   dragover="true" 书=""&gt;认知心理学（重排本）&lt;/A&gt; &lt;/H2&gt;&lt;/DIV&gt;  &lt;DIV class=book&gt;  &lt;DIV class=book_pic&gt;&lt;IMG height=120 alt=认知心理学认知心理学（重排本）   src="http://images.dangdang.com/images/9206692.jpg" width=90&gt;&lt;/DIV&gt;  &lt;DIV class=book_content&gt;  &lt;DIV class=book_content1&gt;  &lt;UL&gt;    &lt;LI&gt;作者：王�d，王圣安&amp;nbsp;编&lt;/LI&gt;    &lt;LI&gt;ISBN号：730101810X &lt;/LI&gt;    &lt;LI&gt;出版单位：北京大学出版社&lt;/LI&gt;    &lt;LI&gt;原价：23￥&lt;/LI&gt;    &lt;LI&gt;当当价：20.2￥；&lt;A title=在线购买认知心理学（重排本）     href="http://www.dangdang.com/league/leagueref.asp?from=P-226084&amp;amp;backurl=http://www.dangdang.com/product/9206/9206692.shtml"     target=_blank&gt;&lt;FONT color=red&gt;去当当购买该书籍&amp;gt;&amp;gt;&lt;/FONT&gt;&lt;/A&gt;&lt;/LI&gt;    &lt;LI&gt;蔚蓝价：缺货￥；&lt;A title=在线购买书籍：认知心理学（重排本）     href="http://www.welan.com/union/rec.asp?id=11915&amp;amp;URL=/#"     target=_blank&gt;&lt;FONT color=blue&gt;去蔚蓝购买该书籍&amp;gt;&amp;gt;&lt;/FONT&gt;&lt;/A&gt;&lt;/LI&gt;&lt;/UL&gt;&lt;/DIV&gt;  &lt;DIV class=book_content2&gt;  &lt;UL&gt;    &lt;LI&gt;出版日期：1992-4-1&lt;/LI&gt;    &lt;LI&gt;书籍页数：349000字&lt;/LI&gt;    &lt;LI&gt;&lt;A href="http://www.ttpsy.com/xinlixueshuji/xinlixueshuji_2479.html"     target=_blank&gt;&lt;STRONG&gt;查看详细的目录和介绍&lt;/STRONG&gt;&lt;/A&gt;&lt;/LI&gt;&lt;/UL&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;!--心理学书籍循环结束--&gt;  &lt;DIV class=book&gt;&lt;!--心理学书籍循环开始--&gt;  &lt;DIV class=title&gt;  &lt;H3&gt;书籍名称：&lt;A title=认知心理学   href="http://www.ttpsy.com/xinlixueshuji/xinlixueshuji_2478.html" target=_blank   书=""&gt;认知心理学（第七版）――培文书系・心理学系列（影印本）&lt;/A&gt; &lt;/H3&gt;&lt;/DIV&gt;  &lt;DIV class=book_pic&gt;&lt;IMG height=120 alt=认知心理学认知心理学（第七版）――培文书系・心理学系列（影印本）   src="http://images.dangdang.com/images/8981710.jpg" width=90&gt;&lt;/DIV&gt;  &lt;DIV class=book_content&gt;  &lt;DIV class=book_content1&gt;  &lt;UL&gt;    &lt;LI&gt;作者：（美）索尔索（Solso，R.）&amp;nbsp;等著&lt;/LI&gt;    &lt;LI&gt;ISBN号：7301085257 &lt;/LI&gt;    &lt;LI&gt;出版单位：北京大学出版社&lt;/LI&gt;    &lt;LI&gt;原价：60￥&lt;/LI&gt;    &lt;LI&gt;当当价：51￥；&lt;A title=在线购买认知心理学（第七版）――培文书系・心理学系列（影印本）     href="http://www.dangdang.com/league/leagueref.asp?from=P-226084&amp;amp;backurl=http://www.dangdang.com/product/8981/8981710.shtml"     target=_blank&gt;&lt;FONT color=red&gt;去当当购买该书籍&amp;gt;&amp;gt;&lt;/FONT&gt;&lt;/A&gt;&lt;/LI&gt;    &lt;LI&gt;蔚蓝价：缺货￥；&lt;A title=在线购买书籍：认知心理学（第七版）――培文书系・心理学系列（影印本）     href="http://www.welan.com/union/rec.asp?id=11915&amp;amp;URL=/#"     target=_blank&gt;&lt;FONT color=blue&gt;去蔚蓝购买该书籍&amp;gt;&amp;gt;&lt;/FONT&gt;&lt;/A&gt;&lt;/LI&gt;&lt;/UL&gt;&lt;/DIV&gt;  &lt;DIV class=book_content2&gt;  &lt;UL&gt;    &lt;LI&gt;出版日期：2005-3-1&lt;/LI&gt;    &lt;LI&gt;书籍页数：650000字&lt;/LI&gt;    &lt;LI&gt;&lt;A href="http://www.ttpsy.com/xinlixueshuji/xinlixueshuji_2478.html"     target=_blank&gt;&lt;STRONG&gt;查看详细的目录和介绍&lt;/STRONG&gt;&lt;/A&gt;&lt;/LI&gt;&lt;/UL&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;!--心理学书籍循环结束--&gt;  &lt;DIV class=book&gt;&lt;!--心理学书籍循环开始--&gt;  &lt;DIV class=title&gt;  &lt;H3&gt;书籍名称：&lt;A title=认知心理学   href="http://www.ttpsy.com/xinlixueshuji/xinlixueshuji_2477.html" target=_blank   书=""&gt;认知心理学(精)/世纪心理学丛书&lt;/A&gt; &lt;/H3&gt;&lt;/DIV&gt;  &lt;DIV class=book_pic&gt;&lt;IMG height=120 alt=认知心理学认知心理学(精)/世纪心理学丛书   src="http://images.dangdang.com/images/9082855.jpg" width=90&gt;&lt;/DIV&gt;  &lt;DIV class=book_content&gt;  &lt;DIV class=book_content1&gt;  &lt;UL&gt;    &lt;LI&gt;作者：彭聃龄，张必隐　著&lt;/LI&gt;    &lt;LI&gt;ISBN号：7533823516 &lt;/LI&gt;    &lt;LI&gt;出版单位：浙江教育出版社&lt;/LI&gt;    &lt;LI&gt;原价：68￥&lt;/LI&gt;    &lt;LI&gt;当当价：54.4￥；&lt;A title=在线购买认知心理学(精)/世纪心理学丛书     href="http://www.dangdang.com/league/leagueref.asp?from=P-226084&amp;amp;backurl=http://www.dangdang.com/product/9082/9082855.shtml"     target=_blank&gt;&lt;FONT color=red&gt;去当当购买该书籍&amp;gt;&amp;gt;&lt;/FONT&gt;&lt;/A&gt;&lt;/LI&gt;    &lt;LI&gt;蔚蓝价：缺货￥；&lt;A title=在线购买书籍：认知心理学(精)/世纪心理学丛书     href="http://www.welan.com/union/rec.asp?id=11915&amp;amp;URL=/#"     target=_blank&gt;&lt;FONT color=blue&gt;去蔚蓝购买该书籍&amp;gt;&amp;gt;&lt;/FONT&gt;&lt;/A&gt;&lt;/LI&gt;&lt;/UL&gt;&lt;/DIV&gt;  &lt;DIV class=book_content2&gt;  &lt;UL&gt;    &lt;LI&gt;出版日期：2004-12-1&lt;/LI&gt;    &lt;LI&gt;书籍页数：650000字&lt;/LI&gt;    &lt;LI&gt;&lt;A href="http://www.ttpsy.com/xinlixueshuji/xinlixueshuji_2477.html"     target=_blank&gt;&lt;STRONG&gt;查看详细的目录和介绍&lt;/STRONG&gt;&lt;/A&gt;&lt;/LI&gt;&lt;/UL&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;!--心理学书籍循环结束--&gt;  &lt;DIV class=book&gt;&lt;!--心理学书籍循环开始--&gt;  &lt;DIV class=title&gt;  &lt;H3&gt;书籍名称：&lt;A title=认知心理学   href="http://www.ttpsy.com/xinlixueshuji/xinlixueshuji_2476.html" target=_blank   书=""&gt;认知心理学（斯滕伯格）&lt;/A&gt; &lt;/H3&gt;&lt;/DIV&gt;  &lt;DIV class=book_pic&gt;&lt;IMG height=120 alt=认知心理学认知心理学（斯滕伯格）   src="http://images.dangdang.com/images/9050826.jpg" width=90&gt;&lt;/DIV&gt;  &lt;DIV class=book_content&gt;  &lt;DIV class=book_content1&gt;  &lt;UL&gt;    &lt;LI&gt;作者：（美）斯滕伯格（Sternberg,R.J.）&amp;nbsp;著，杨炳钧&amp;nbsp;等译&lt;/LI&gt;    &lt;LI&gt;ISBN号：7501950741 &lt;/LI&gt;    &lt;LI&gt;出版单位：中国轻工业出版社&lt;/LI&gt;    &lt;LI&gt;原价：55￥&lt;/LI&gt;    &lt;LI&gt;当当价：44￥；&lt;A title=在线购买认知心理学（斯滕伯格）     href="http://www.dangdang.com/league/leagueref.asp?from=P-226084&amp;amp;backurl=http://www.dangdang.com/product/9050/9050826.shtml"     target=_blank&gt;&lt;FONT color=red&gt;去当当购买该书籍&amp;gt;&amp;gt;&lt;/FONT&gt;&lt;/A&gt;&lt;/LI&gt;    &lt;LI&gt;蔚蓝价：缺货￥；&lt;A title=在线购买书籍：认知心理学（斯滕伯格）     href="http://www.welan.com/union/rec.asp?id=11915&amp;amp;URL=/#"     target=_blank&gt;&lt;FONT color=blue&gt;去蔚蓝购买该书籍&amp;gt;&amp;gt;&lt;/FONT&gt;&lt;/A&gt;&lt;/LI&gt;&lt;/UL&gt;&lt;/DIV&gt;  &lt;DIV class=book_content2&gt;  &lt;UL&gt;    &lt;LI&gt;出版日期：2006-1-1&lt;/LI&gt;    &lt;LI&gt;书籍页数：570000字&lt;/LI&gt;    &lt;LI&gt;&lt;A href="http://www.ttpsy.com/xinlixueshuji/xinlixueshuji_2476.html"     target=_blank&gt;&lt;STRONG&gt;查看详细的目录和介绍&lt;/STRONG&gt;&lt;/A&gt;&lt;/LI&gt;&lt;/UL&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;!--心理学书籍循环结束--&gt;&lt;!-- 分页开始 --&gt;  &lt;DIV class=show_page&gt;共 &lt;B&gt;4&lt;/B&gt; 本书籍&amp;nbsp;&amp;nbsp;首页 上一页&amp;nbsp;下一页   尾页&amp;nbsp;页次：&lt;STRONG&gt;&lt;FONT color=red&gt;1&lt;/FONT&gt;/1&lt;/STRONG&gt;页   &amp;nbsp;&lt;B&gt;20&lt;/B&gt;本书籍/页&amp;nbsp;转到：&lt;/DIV&gt;&lt;/DIV&gt;&lt;/FONT&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-5509227955979706405?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/5509227955979706405/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=5509227955979706405' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/5509227955979706405'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/5509227955979706405'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/blog-post_8640.html' title='全部认知心理学书籍列表'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-3929865472257905788</id><published>2007-02-14T18:12:00.001-08:00</published><updated>2007-02-14T18:12:56.476-08:00</updated><title type='text'>认知心理学（王�d，王圣安）</title><content type='html'>&lt;FONT face=Georgia size=2&gt;  &lt;DIV&gt;&lt;STRONG&gt;认知心理学（王�d，王圣安）&lt;/STRONG&gt;&lt;/DIV&gt;  &lt;DIV&gt;  &lt;DIV class=introduce&gt;  &lt;DIV class=title&gt;书籍介绍&lt;/DIV&gt;  &lt;DIV   class=list&gt;本书介绍了认知心理学的基本原则和方法，以及对各种重要认知过程的研究，包括知觉、注意、记忆、表象、思维和言语等。对记忆过程分章阐述了记忆结构、短时记忆和长时记忆。对思维过程则分章阐述了概念、问题解决和推理。书中涉及各种认知过程的多方面的研究成果，将丰富的实验资料与理论分析紧密地结合起来。着重介绍了各种认知过程的模型，同时指明各种认知模型存在问题和争论，使读者可以了解认知心理学的全貌，有助于作深入的思考。&lt;BR&gt;本书可供高等院校心理学、教育学、哲学、计算机科学等专业学生使用，并可供有关专业教师、研究人员和广大中学教师参考。   &lt;/DIV&gt;&lt;/DIV&gt;  &lt;DIV class=introduce&gt;  &lt;DIV class=title&gt;书籍目录&lt;/DIV&gt;  &lt;DIV   class=list&gt;&lt;STRONG&gt;第1章&amp;nbsp;绪论&lt;BR&gt;&lt;/STRONG&gt;　第一节&amp;nbsp;认知心理学的对象&lt;BR&gt;　第二节&amp;nbsp;认知心理学的方法&lt;BR&gt;　第三节&amp;nbsp;认知心理学的兴起及影响&lt;BR&gt;　第四节&amp;nbsp;关于认知心理学的争论&lt;BR&gt;&lt;STRONG&gt;第2章&amp;nbsp;知觉&lt;/STRONG&gt;&lt;BR&gt;　第一节&amp;nbsp;知觉信息与知觉过程&lt;BR&gt;　第二节&amp;nbsp;模式识别&lt;BR&gt;　第三节&amp;nbsp;结构优势效应&lt;BR&gt;&lt;STRONG&gt;第3章&amp;nbsp;注意&lt;/STRONG&gt;&lt;BR&gt;　第一节&amp;nbsp;过滤器模型和衰减模型&lt;BR&gt;　第二节&amp;nbsp;反应选择模型与知觉选择模型&lt;BR&gt;　第三节&amp;nbsp;中枢能量理论&lt;BR&gt;　第四节&amp;nbsp;控制性加工与自动加工&lt;BR&gt;&lt;STRONG&gt;第4章&amp;nbsp;记忆结构&lt;/STRONG&gt;&lt;BR&gt;　第一节&amp;nbsp;两种记忆说&lt;BR&gt;　第二节&amp;nbsp;感觉记忆&lt;BR&gt;　第三节&amp;nbsp;记忆信息三级加工模型&lt;BR&gt;　第四节&amp;nbsp;加工水平说&lt;BR&gt;&lt;STRONG&gt;第5章&amp;nbsp;短时记忆&lt;/STRONG&gt;&lt;BR&gt;　第一节&amp;nbsp;短时记忆容量&lt;BR&gt;　第二节&amp;nbsp;短量记忆信息编码&lt;BR&gt;　第三节&amp;nbsp;短时记忆信息提取&lt;BR&gt;　第四节&amp;nbsp;短时记忆中的遗忘&lt;BR&gt;&lt;STRONG&gt;第6章&amp;nbsp;长时记忆&lt;BR&gt;&lt;/STRONG&gt;　第一节&amp;nbsp;长时记忆的类型&lt;BR&gt;　第二节&amp;nbsp;层次网络模型和激活扩散模型&lt;BR&gt;　第三节&amp;nbsp;集理论模型和特征比较模型&lt;BR&gt;　第四节&amp;nbsp;HAM&amp;nbsp;ELINOR&lt;BR&gt;&lt;STRONG&gt;第7章&amp;nbsp;表象&lt;BR&gt;&lt;/STRONG&gt;　第一节&amp;nbsp;表象&amp;nbsp;知觉&amp;nbsp;表征&lt;BR&gt;　第二节&amp;nbsp;心理旋转&lt;BR&gt;　第三节&amp;nbsp;心理扫描&lt;BR&gt;　第四节&amp;nbsp;表象的功能&lt;BR&gt;&lt;STRONG&gt;第8章&amp;nbsp;概念&lt;/STRONG&gt;&lt;BR&gt;　第一节&amp;nbsp;概念形成&lt;BR&gt;　第二节&amp;nbsp;概念结构&lt;BR&gt;&lt;STRONG&gt;第9章&amp;nbsp;问题解决&lt;BR&gt;&lt;/STRONG&gt;　第一节&amp;nbsp;问题与问题解决&lt;BR&gt;　第二节&amp;nbsp;问题解决过程&lt;BR&gt;　第三节&amp;nbsp;问题解决的策略&lt;BR&gt;　第四节&amp;nbsp;问题解决的计算机模拟&lt;BR&gt;&lt;STRONG&gt;第10章&amp;nbsp;推理&lt;BR&gt;&lt;/STRONG&gt;　第一节&amp;nbsp;三段论推理&lt;BR&gt;　第二节&amp;nbsp;线性三段论&lt;BR&gt;　第四节&amp;nbsp;概率推理&lt;BR&gt;&lt;STRONG&gt;第11章&amp;nbsp;言语&lt;/STRONG&gt;&lt;BR&gt;　第一节&amp;nbsp;语言的结构&lt;BR&gt;　第二节&amp;nbsp;言语的理解和产出&lt;BR&gt;　第三节&amp;nbsp;以语&lt;BR&gt;&lt;STRONG&gt;参考文献&lt;BR&gt;后记&lt;/STRONG&gt;&amp;nbsp;&lt;BR&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/FONT&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-3929865472257905788?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/3929865472257905788/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=3929865472257905788' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/3929865472257905788'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/3929865472257905788'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/d.html' title='认知心理学（王�d，王圣安）'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-5083015208252613824</id><published>2007-02-14T17:59:00.001-08:00</published><updated>2007-02-14T17:59:58.149-08:00</updated><title type='text'>认知心理学（第三版）</title><content type='html'>&lt;DIV&gt;  &lt;DIV&gt;  &lt;TABLE height="100%" cellSpacing=0 cellPadding=0 width="90%" border=0&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD vAlign=top align=left&gt;        &lt;DIV&gt;        &lt;DIV&gt;        &lt;TABLE height="96%" cellSpacing=0 cellPadding=0 width="96%" border=0&gt;          &lt;TBODY&gt;          &lt;TR&gt;            &lt;TD vAlign=top align=left height=30&gt;&lt;FONT face=宋体&gt;              &lt;TABLE style="WIDTH: 458px; HEIGHT: 389px" height="100%"               cellSpacing=0 cellPadding=0 width="90%" border=0&gt;                &lt;TBODY&gt;                &lt;TR&gt;                  &lt;TD vAlign=top align=left&gt;                    &lt;DIV&gt;&lt;FONT size=2&gt;&lt;FONT face=宋体&gt;&lt;SPAN                     id=_FoxToName&gt;blog发送&lt;/SPAN&gt;，&lt;/FONT&gt;&lt;FONT                     face=宋体&gt;你好！&lt;/FONT&gt;&lt;/FONT&gt;&lt;/DIV&gt;                    &lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;                    &lt;DIV&gt;&lt;FONT face=宋体 size=2&gt;　　&lt;IMG height=131 alt="" hspace=0                     src="cid:__0@Foxmail.net" width=129 align=baseline border=0&gt;                     &lt;DIV class=right_title1&gt;                    &lt;DIV class=right_title1&gt;内容提要&lt;/DIV&gt;                    &lt;DIV class=right_content&gt;本书是美国高校心理学专业的主要教科书之一，作者Robert                     J.Sternberg教授是国际知名的心理学家，现任美国心理学会主席。他在认知心理学领域的研究取得了公认的巨大成就。本书是他有感于目前流行的认知心理学教材的种种缺陷，为达到科学教授认知心理学知识的目的而亲自编写的。&lt;BR&gt;本书可供心理学、教育学、管理学、社会学、哲学、语言学等专业的学生使用。&lt;/DIV&gt;                    &lt;DIV class=right_blank&gt;&lt;/DIV&gt;                    &lt;DIV class=right_title1&gt;目录&lt;/DIV&gt;                    &lt;DIV class=right_content&gt;第一章                     认知心理学概要&lt;BR&gt;认知心理学探索的问题&lt;BR&gt;认知心理学的界定&lt;BR&gt;心理学的哲学基础：理性主义和经验主义&lt;BR&gt;认知心理学的心理学基础&lt;BR&gt;认知心理学的出现&lt;BR&gt;认知心理学研究方法&lt;BR&gt;认知心理学的重要问题与研究领域&lt;BR&gt;认知心理学的重要思想&lt;BR&gt;本章小结&lt;BR&gt;用心思考：事实性、分析性、创造性和实践性问题&lt;BR&gt;关健术语&lt;BR&gt;推荐参考读物&lt;BR&gt;第二章                     认知神经科学&lt;BR&gt;认知心理学探索的问题&lt;BR&gt;从神经元到脑：神经系统的组织&lt;BR&gt;脑的结构与机能&lt;BR&gt;脑认知：大脑皮质与其他结构&lt;BR&gt;本章小结&lt;BR&gt;用心思考：事实性、分析性、创造性和实践性问题&lt;BR&gt;认知实验室&lt;BR&gt;关键术语&lt;BR&gt;推荐参考读物&lt;BR&gt;第三章                     注意和意识&lt;BR&gt;认知心理学探索的问题&lt;BR&gt;注意和意识的本质&lt;BR&gt;注意&lt;BR&gt;选择性注意和分配性注意&lt;BR&gt;注意和意识的认知神经科学研究取向&lt;BR&gt;本章小结&lt;BR&gt;用心思考：事实性、分析性、创造性和实践性问题&lt;BR&gt;关键术语&lt;BR&gt;认知实验室&lt;BR&gt;推荐参考读物&lt;BR&gt;第四章                     知觉&lt;BR&gt;认知心理学探索的问题&lt;BR&gt;从感觉到表征&lt;BR&gt;知觉的理论化研究&lt;BR&gt;知觉的缺失&lt;BR&gt;本章小结&lt;BR&gt;用心思考：事实性、分析性、创造性和实践性问题&lt;BR&gt;关键术语&lt;BR&gt;认知实验室&lt;BR&gt;推荐参考读物&lt;BR&gt;第五章                     记忆：模型与研究方法&lt;BR&gt;认知心理学探索的问题&lt;BR&gt;用于测量记忆的作务&lt;BR&gt;传统的记忆模型&lt;BR&gt;其他的观点和隐喻&lt;BR&gt;异常记忆与神经心理学&lt;BR&gt;本章小结&lt;BR&gt;用心思考：事实性、分析性、创造性和实践性问题&lt;BR&gt;关键术语&lt;BR&gt;认知实验室&lt;BR&gt;推荐参考读物&lt;BR&gt;第六章                     记忆过程&lt;BR&gt;认知心理学探索的问题&lt;BR&gt;信息的编码与转移&lt;BR&gt;提取&lt;BR&gt;遗忘和记忆扭曲&lt;BR&gt;记忆的建构本质&lt;BR&gt;本章小结&lt;BR&gt;用心思考：事实性、分析性、创造性和实践性问题&lt;BR&gt;关键术语&lt;BR&gt;认知实验室&lt;BR&gt;推荐参考读物&lt;BR&gt;第七章                     知识表征：意象与命题&lt;BR&gt;认知心理学探索的问题&lt;BR&gt;知识的心理表征&lt;BR&gt;意象的心理操作&lt;BR&gt;意象与命题的综合&lt;BR&gt;空间认知与认知地图&lt;BR&gt;本章小结&lt;BR&gt;用心思考：事实性、分析性、创造性和实践性问题&lt;BR&gt;关键术语&lt;BR&gt;认知实验室&lt;BR&gt;推荐参考读物&lt;BR&gt;第八章                     知识表征与组织&lt;BR&gt;第九章 语言：先天与习得&lt;BR&gt;第十章 语境中的语言&lt;BR&gt;第十一章 问题解决与创造性&lt;BR&gt;第十二章                     决策与推理&lt;BR&gt;第十三章 认知发展&lt;BR&gt;第十四章                     人的智力与人工智能&lt;BR&gt;术语表&lt;BR&gt;参考文献&lt;/DIV&gt;&lt;/DIV&gt;&lt;/FONT&gt;&lt;/DIV&gt;                    &lt;DIV&gt;&lt;FONT face=宋体               size=2&gt;&lt;/FONT&gt;&amp;nbsp;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/FONT&gt;&lt;/TD&gt;            &lt;TD vAlign=top align=left         width=100&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-5083015208252613824?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/5083015208252613824/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=5083015208252613824' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/5083015208252613824'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/5083015208252613824'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/blog-post_3906.html' title='认知心理学（第三版）'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-734038039084797448</id><published>2007-02-14T17:43:00.000-08:00</published><updated>2007-02-14T17:44:02.021-08:00</updated><title type='text'>Fw: 认知心理学发展史</title><content type='html'>&lt;DIV&gt;  &lt;DIV&gt;  &lt;DIV&gt;&lt;FONT size=2&gt;&lt;FONT color=#666666&gt;&lt;BR&gt;  &lt;TABLE width="100%"&gt;    &lt;TBODY&gt;    &lt;TR&gt;      &lt;TD width="100%"&gt;        &lt;BLOCKQUOTE         style="PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px"&gt;          &lt;DIV&gt;　　&lt;STRONG&gt;&lt;FONT color=#ff9900&gt;一、认知心理学的开始           &lt;BR&gt;&lt;/FONT&gt;&lt;/STRONG&gt;　　20世纪40年代和50年代，美国的行为主义如日中天，然而就在这一时期，认知革命的思想已经开始酝酿，1967年奈瑟尔出版的《认知心理学》标志着这一新思潮的形成。不过，在此之前，很难确定它的起点，更多心理学家认为1956年在认知心理学的形成与发展中作用明显，因为这一年"美国心理学界发表了一系列以信息加工观点为基础的心理学学术研究成果"（梁宁建，2003，p.13）。首先是乔治・米勒（George           Armitage           Miller，1920-）的研究。他在1956年发表了一篇题为《神奇的7±2：我们加工信息的容量限制》（Miller，1956）。这篇论文使记忆研究重新回到心理学中，而且它显示出如何将信息论的概念应用到人类信息加工的表述当中。其次是杰罗姆・布鲁纳（Jerome           S. Bruner,1915-）倡导的"知觉的新观察运动"（New Look Movement in           Perception）研究。布鲁纳及其同事认为知觉者在知觉中起着积极作用，而不是一名被动的感觉资料的记录者，知觉者的人格和社会背景对知觉者的所见所闻有很大的影响。再次，是斯蒂文森（S.S.Stevens）于1956年发表的心理物理学方面的研究显示了人对刺激的知觉量与物理刺激强度之间的非线性关系。           &lt;BR&gt;　　1956年，对认知心理学的发生来说最具影响力的还是三个方面的研究：费斯廷格（Leon           Festinger，1919～1989）的认知失调理论、西蒙(H.A.Simon)和纽厄尔(A.Newell)的人工智能逻辑理论的程序、乔姆斯基的语言学理论。           &lt;BR&gt;　　乔姆斯基（Noam           Chomsky，1928-）在1956年开始发表他的系统的语言学研究成果《语言描述的三模型》（Chomsky，1956）。乔姆斯基提出的短语结构文法能够产生所有可被"图灵机"（Turing           Machine）识别的语言，可被图灵机识别的语言就是能使图灵机停机的字串。随后乔姆斯基在1957年发表了他的代表性著作《句法结构》，标志着"转换           -生成语法"的诞生。转换-生成语法不是仅仅描写人的语言行为，而是要研究体现在人脑中的认知系统和普遍语法，强调要对人的语言能力作出解释。乔姆斯基本人开始就看到了转换-生成语法对认知科学的意义，主张把语言学的研究和神经科学、心理学以及生物学等学科的研究结合起来，共同为探索人脑的奥秘作出贡献。           &lt;BR&gt;　　这些研究都将关注的焦点转向了人脑的内部，但人脑内部是如何工作的呢？图灵明确提出了"图灵机"模型，而1956年西蒙和纽厄尔"逻辑理论机"（简称为LTM）的成功为后来被称为信息加工心理学准备的语言和框架。西蒙和纽厄尔认为"逻辑理论机"不仅是计算机智力的有力证明，也是人类认知本质的证明，其系统的关键特征是将复杂任务分解成子目标，信息加工被表征为一系列的程序指令，而且启发式也用于辅助决策（Newell           &amp;amp;           Simon，1956）。直到1967年，美国著名心理学家奈瑟尔出版了《认知心理学》一书，这不仅是第一本冠名为《认知心理学》的教材，而且它建立了一个新学科的内容范围，它在信息加工理论框架下，对前人在认知心理学方面的工作进行了历史性的总结，其突出的贡献就是发展了诸如运用反应时等间接测量方法来揭示人的内部心理活动。在奈瑟尔出版了他的著作之后，《认知心理学》杂志和《认知科学》杂志分别从1970年和1977年开始出版发行。不管是否可以说           1956年是认知心理学的起点，但至今心理学家都承认，1967年奈瑟尔的《认知心理学》却是现代认知心理学形成的标志。           &lt;BR&gt;　　&lt;STRONG&gt;&lt;FONT color=#ff9900&gt;二、认知心理学的哲学渊源&lt;/FONT&gt;&lt;/STRONG&gt;           &lt;BR&gt;　　认知心理学的哲学渊源是一个复杂的问题，因为各种哲学思想在其发展中都是相互斗争又相互交融的。但是从更一般意义上来分析，认知心理学的哲学渊源首先是经验主义，以及与之一脉相承的实证主义、逻辑实证主义、行为主义；当然，理性主义在纠正和否定行为主义的机械论和还原论过程中也起到了关键作用。           &lt;BR&gt;　　从20世纪60年代末70年代初开始，心理学家日益把研究的重点从外显的行为转向内部的认知过程，探索内部的认知机制在行为调节中的作用。这些心理学家接受了理性主义传统的影响，认为认知机制在知识的获得、储存和使用的过程中起着重要的作用。心理学的任务就是发现存在于刺激和行为反应之间的"认知机制"，探索认知机制的特性和规律。但是认知心理学依然是经验主义的。正像社会建构论的代表人物之一，英国心理学家罗姆・哈里(Harre,R)指出的那样："这个新的认知主义产生的背景是行为主义的消亡――但是作为一种方法论，行为主义在作为一种普遍性的理论消亡很久之后仍然存在。"（Harre，           1999）。它在许多方面承袭了行为主义，"经验主义的模式被完整地保留下来"（Kevin，1997）。按照经验主义取向进行研究的认知心理学主要是           "实证性的"。 &lt;BR&gt;　&lt;STRONG&gt;&lt;FONT           color=#ff9900&gt;　三、现代心理学自身的发展和矛盾运动&lt;/FONT&gt;&lt;/STRONG&gt;           &lt;BR&gt;　　认知心理学是现代心理学自身发展和矛盾运动的自然结果。具体地说，它与早期实验心理学、格式塔心理学、行为主义心理学和皮亚杰的发生认识论都有着密切的继承关系。           &lt;BR&gt;　　（一）与早期实验心理学的联系           &lt;BR&gt;　　自冯特建立实验心理学开始,，认知研究才从哲学角度转向了心理学角度。冯特从心理化学的观点出发，用元素分解的方式研究认知及其它心理现象，同时，又采取构造主义立场探讨各种心理元素构成各种心理复合体的方式和规律，并以统觉概念加以概括。           "现代认知心理学继承和发展了早期实验心理学这一研究传统，例如，反应时的实验便是现代认知心理学研究的主要课题之一。"（叶浩生，1998，           p.498）因此，可以说现代认知心理学是实验心理学在推翻行为主义之后向早期实验心理学的回归。           &lt;BR&gt;　　早期实验心理学把主体的直接经验作为心理学的研究对象，提倡实验加内省的方法。认知心理学在批判和改造的基础上，继承了冯特的内省法，提出了"口语报告分析法"或"出声思考法"（叶浩生，1998，pp.498-499）。           &lt;BR&gt;　　（二）与格式塔心理学的联系           &lt;BR&gt;　　格式塔心理学于20世纪初期兴起，它是一种反对元素分析而强调整体组织的心理学体系。格式塔心理学对知觉、思维等问题进行了大量研究，"强调完形的组织、结构等原则，认为思维是'情境的改组'或整个问题情境的'顿悟'"。           &lt;BR&gt;　　认知心理学强调研究的整体性和内部心理机制，强调对信息的破译、编码和整合，重视内部心理活动之间的相互联系，采用模拟的方法进行综合性研究，这与格式塔心理学的观点是一脉相承的。另外，认知心理学与格式塔心理学的研究领域比较接近。格式塔心理学集中于知觉、思维和学习等领域的研究，信息加工心理学主要是对信息的接收、编码、存储等过程的研究，涉及到表征、注意、记忆、问题解决和创造性思维等认知过程的研究。但格式塔心理学的组织原则主要局限于知觉领域，无法解决人的复杂的意向活动和认知活动。还有，格式塔心理学一方面强调内部完形的整体性，另一方面强调现场的直接观察经验，难以深入分析直接经验与内部心理结构的作用机制。           &lt;BR&gt;　　（三）与行为主义心理学的联系           &lt;BR&gt;　　从实证心理学的角度来讲，行为主义称霸于20世纪的前半叶，认知心理学称霸于20世纪的后半叶，但前半叶的行为主义内部的中介概念早就在动摇着行为主义的理论并为认知心理学做准备，认知心理学是在对行为主义的斗争中形成和发展起来的，但又与行为主义有着最密切的联系。           &lt;BR&gt;　　行为主义的研究为认知心理学提供了有效的实验方法学体系。从方法上，认知心理学是对行为主义的深化。信息加工心理学也如行为主义尽可能地使心理过程的探讨保持操作性，以期体现出客观性。信息加工心理学在刺激-中间变量-反应模式的基础上提出了输入-内部信息加工-输出这样一个与计算机的操作相似的研究模式。           &lt;BR&gt;　　在理论方面看，新行为主义者托尔曼所倡导的目标-对象手段的整体行为观和带有认知综合特征的目的行为主义对信息加工心理学的兴起产生了一定的影响。认知心理学家诺尔曼提出了一个以调节系统为核心的信息加工系统，强调行为与认知的整合。           &lt;BR&gt;　　（四）与皮亚杰的发生认识论的联系           &lt;BR&gt;　　皮亚杰的发生认识论与信息加工认知心理学虽属两种不同的认知心理学模式，但它们都在关注人的认知的内部结构或机制，它们是"认知革命"的同盟者。           &lt;BR&gt;　　皮亚杰受康德的影响，提出了"先天图式"的概念，并借助于此概念阐述了儿童通过同化和顺应不断发展其认知结构的机制。战后兴起的信息加工心理学也充分地体现了系统论、控制论、信息论的思想，认为人的信息加工不是一种简单的刺激-反应，而是在已有认知结构中的信息选择、接受、编码加工、贮存、提取和使用的过程。           &lt;BR&gt;　　皮亚杰的发生认识论和信息加工心理学都表现出对行为主义方法论的改良并表现出完全相似的兼容性。皮亚杰用相互作用的S?R           公式来代替简单的STR单向活动模式，并进一步提出了STATTR公式，认为刺激是被纳入同化结构而引起反应的。信息加工心理学则提出输入T内部信息加工           T输出的模式。可见，这两个学派在许多理论问题上有相似之处。但是，皮亚杰更多地受到生物学机能主义的影响，信息加工心理学则更受计算机功能类比的启示，它们是两种不同的认知心理学发展模式。           &lt;BR&gt;　　总而言之，信息加工心理学的诞生首先是在行为主义统治下的美国心理学内部发生的，但它也受到来自包括美国之外的多种心理学理论的影响。           &lt;BR&gt;　　&lt;STRONG&gt;&lt;FONT color=#ff9900&gt;四、相关学科的研究和社会需要的影响           &lt;BR&gt;&lt;/FONT&gt;&lt;/STRONG&gt;　　20世纪上半叶科学技术的成果为更深入、更复杂的认知研究提供了技术上的可能性，而相关学科与理论研究也为认知研究提供了思想或隐喻，甚至表述语言，这主要包括语言学和计算机科学等。此外，信息加工心理学的发生与发展还受到当时社会需要的巨大推动，特别是与系统论、控制论、信息论等有关的人因学研究的需要。           &lt;BR&gt;　　（一）心理语言学的影响           &lt;BR&gt;　　斯金纳在其著作《言语行为》中完全采用行为主义的观点解释了儿童语言获得过程（Skinner，1957）。但是斯金纳的观点并不能为语言学家所接受，乔姆斯基发表了一篇详细的、措辞严厉的批判性评论，对斯金纳的主张打击很大（Chomsky，1959）。           &lt;BR&gt;　　乔姆斯基认为人的语言中含有很多创造性的成份，没有一个人有可能通过学习获得所有的语言中的内容，其中有很多是他自己在实践中创造和发展的           (Chomsky，1959)。乔姆斯基提出了著名的转换生成语法理论。此外，他还认为人的语言能力主要是天赋的，正因为这样人才能在语言关键期的几年中使母语的听说能力获得迅速发展（叶浩生，502，p.502）。乔姆斯基的理论和批判充分暴露了行为主义的弱点，对信息加工心理学的形成和发展起到了积极的推动作用。           &lt;BR&gt;　　（二）人因学及相关理论研究的影响           &lt;BR&gt;　　从20世纪40年代开始，科技的迅速发展使人们面临着信息膨胀的局面，而且战争的需要推动了信息论、控制论、信号检测等理论的发展，如何提高人对信息处理的能力就成为一个紧迫的社会需要。           &lt;BR&gt;　　信息论的研究开始于英国科学家香农（C.E.Shannon），他把通讯看作是信息在有噪音的通道中进行传递的过程，他发展了一套关于通讯的数学理论，称为信息论。根据这一理论，非但雷达等电子设备可以被看作是信息发出、转换和接收的设备，人也可以被认为是信息处理器。在这种理论的影响下，布鲁德本特开始运用信息加工观点来处理人的知觉和注意以及信息通道等心理学问题，显然这一研究是属于认知心理学范畴的。他的研究开创了信息论在心理学中应用的先例。           &lt;BR&gt;　　（三）计算机科学或人工智能研究的影响           &lt;BR&gt;　　计算机科学对于信息加工理论的形成不仅提供了技术工具和描述性的语言，而且提供了有关计算理论方面的基础。可以说计算机科学对信息加工心理学的形成和发展起到了决定性的作用，尤其是图灵的工作对于人们怎样对智能进行分析和研究，其影响是巨大的。人工智能研究的实现有一个最起码的条件，那就是要尽可能地了解人的智能结构和作用方式，因此他们在进行人工智能程序的开发过程中，对人如何解决问题的过程进行了详尽的研究。他们使用"口语报告分析法"记录和分析了国际象棋大师、简单几何问题解决者、密码算术题解决者的口语报告材料，据此提出了产生式问题解决理论，并发展和使用了信息加工语言。随着计算机科学和人工智能研究的发展，人们越来越多地把人脑和计算机进行类比，大量的计算机科学中的术语进入了心理学研究的领域。人们可以用储存器、缓冲器、信息储存、信息提取等概念来描写人的认知，人们开始借鉴机器智能的研究方法来研究人的智能。从六十年代后期开始，信息加工认知心理学逐步成为心理学发展中的主流。&lt;/DIV&gt;&lt;/BLOCKQUOTE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-734038039084797448?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/734038039084797448/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=734038039084797448' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/734038039084797448'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/734038039084797448'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/fw.html' title='Fw: 认知心理学发展史'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-1656566140256701365</id><published>2007-02-14T06:31:00.001-08:00</published><updated>2007-02-14T06:31:49.369-08:00</updated><title type='text'>随着科技的不断发展</title><content type='html'>&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-1656566140256701365?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/1656566140256701365/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=1656566140256701365' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/1656566140256701365'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/1656566140256701365'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/blog-post_3403.html' title='随着科技的不断发展'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-3950604551623934881</id><published>2007-02-14T05:23:00.001-08:00</published><updated>2007-02-14T05:23:14.627-08:00</updated><title type='text'>现有blog的毛病</title><content type='html'>&lt;font size="4"&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/font&gt;&lt;font size="2"&gt;1信息过多，且组织没有秩序&lt;br&gt;2 很多用户关心的内容没有体现好&lt;br&gt;3 易用性存在一些问题&lt;/font&gt;&lt;br&gt;&lt;br&gt;&lt;strong&gt;&lt;font size="4"&gt;我想要的blog：&lt;br&gt;&lt;br&gt;&lt;/font&gt;&lt;/strong&gt;&lt;font size="4"&gt;&lt;font size="2"&gt;1 干净，高效&lt;br&gt;2 可用性和可读性都有所提升 &lt;br&gt;&lt;/font&gt;&lt;/font&gt;&lt;ul&gt;&lt;li&gt;&lt;font size="4"&gt;&lt;font size="2"&gt;&amp;nbsp; 用户可以先看摘要，对感兴趣的文章再仔细阅读，增强用户的选择余地，达到高效阅读的目的&lt;/font&gt;&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size="4"&gt;&lt;font size="2"&gt;&amp;nbsp; 用户可以通过RSS阅读器方便的订阅整个blog或者某个分类的文章&lt;/font&gt;&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size="4"&gt; &lt;font size="2"&gt;&amp;nbsp; 用户可以通过标签高效查找感兴趣的内容&lt;/font&gt;&lt;/font&gt;&lt;/li&gt;&lt;li&gt;&lt;font size="4"&gt;&lt;font size="2"&gt;&amp;nbsp; 我可以更加高效的管理网站&lt;/font&gt;&lt;/font&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br&gt;&lt;br&gt;&lt;strong&gt;新blog设计图：&lt;br&gt;&lt;/strong&gt;&lt;blockquote style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;" class="gmail_quote"&gt; &lt;a href="http://www.dadigongsi.com/blog2007/upload/blognew.gif"&gt;&lt;img src="http://www.dadigongsi.com/blog2007/upload/blognew.gif" alt="" border="1" width="500"&gt;&lt;/a&gt;&lt;br&gt;&lt;/blockquote&gt;&lt;br&gt;&lt;strong&gt;新blog功能说明：&lt;br&gt;&lt;/strong&gt;&lt;br&gt;&lt;a href="http://www.dadigongsi.com/blog2007/upload/blognew_why.gif"&gt; &lt;img src="http://www.dadigongsi.com/blog2007/upload/blognew_why.gif" alt="" border="1" width="500"&gt;&lt;/a&gt;&lt;br&gt;&lt;br&gt;&lt;strong&gt;老的blog：&lt;/strong&gt; &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-3950604551623934881?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/3950604551623934881/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=3950604551623934881' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/3950604551623934881'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/3950604551623934881'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/blog.html' title='现有blog的毛病'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-8365828807005234977</id><published>2007-02-14T05:11:00.001-08:00</published><updated>2007-02-14T05:11:57.322-08:00</updated><title type='text'>手机软件界面设计浅谈</title><content type='html'>作者：佚名&amp;nbsp;&amp;nbsp;&amp;nbsp; 文章来源：异域设计空间&amp;nbsp;&amp;nbsp;&amp;nbsp; 点击数：250&amp;nbsp;&amp;nbsp;&amp;nbsp; 更新时间：2005-4-6 &lt;br&gt;&lt;br&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; 随着科技的不断发展，手机的功能俞之强大，基于手机系统的相关软件应运而生，手机设计的人性化已不仅仅局限于手机硬件的外观，手机的软件系统已成为用户直接操作和应用的主体，它应以美观实用、操作便捷为用户所青睐。用户界面设计的规范性显得尤为重要。 &lt;br&gt;一、界面效果的整体性、一致性 &lt;br&gt;手机软件运行于手机操作系统的软件环境，界面的设计应该是基于这个应用平台的整体风格，这样有利于产品外观的整合。  &lt;br&gt;1、界面的色彩及风格与系统界面统一 &lt;br&gt;软件界面的总体色彩应该接近和类似系统界面的总体色调，例如：系统色调以蓝色为主，我们的软件界面的默认色彩最好与之吻合，若使用与之大相径庭的色彩，比如大红、柠檬黄，色彩的强烈变化会影响用户的使用情绪，假想你买了一款从外观到系统界面都很满意的手机，操作的时候突然发现内置的应用软件和系统界面不统一，你会有何感想呢？第一感觉不好的东西我们的用户还会去用它吗？所以我们要知道手机的外观和系统界面已经是由手机制造商根据用户审美习惯定制的，它应该有他们的审美群体，我们要给这款手机做软件就应该有效地利用制造商基于此款手机的审美特征，以赢得喜爱此款手机的用户，使他们对系统界面的肯定和喜爱有效的转移到我们的产品上来。当然合理地结合系统界面进行设计还包括图标、按钮的风格及在不同操作状态下的视觉效果。  &lt;br&gt;2、操作流程的系统化 &lt;br&gt;手机用户的操作习惯是基于系统的，我们的界面设计在操作流程的安排上，也得遵循系统的规范性，让用户达到可以使用手机就会使用我们的软件，简化用户操作流程！ &lt;br&gt;二、界面效果的个性化 &lt;br&gt;是不是我们追求整体性和一致性，就忽略软件界面的个性化呢?整体性和一致性是基于手机系统视觉效果的和谐统一而考虑，个性化是基于软件本身的特征和用途而考虑。因此这一点也是不容忽视的！ &lt;br&gt;1、特有的界面构架 &lt;br&gt;软件的实用性是软件应用的根本，我们设计应该结合软件的应用范畴，合理的安排版式，以求达到美观适用的目的，这一点不一定能与系统达到一致的标准，它应该具有它所具有的行业标准，例如:证券交易、地图操作等界面特征，需要分析软件应用的特征和流程制定相对规范性的界面构架。界面构架的功能操作区、内容显示区、导航控制区都应该统一规范，不同功能模块的相同操作区域的元素风格应该一致，让用户能够对不同的模块的操作迅速掌握。从而也使整个界面统一在一个特有的整体之中。  &lt;br&gt;2、专用的界面图标 &lt;br&gt;软件的图标按钮是基于自身应用的命令集，它的每一个图形内容映射的是一个目标动作，因此作为体现目标动作的图标，它应该有强烈的表意性，制作过程中选择具有典型行业特征的图符，有助于用户的识别，方便操作。图标的图形制作不能太繁琐，要适应手机本身显示面积很小的屏幕，在制作上尽量使用像素图，确保图形质量清晰，如果针对立体化的界面，可考虑部分像素羽化的效果，以增强图标的层次感。 &lt;br&gt;3、界面色彩的个性化设置 &lt;br&gt; 色彩影响一个人的情绪，不同的色彩会让人产生不同的心理效应，反之不同的心理状态所能接受的色彩也是不同的，不断变化的事物才能引起人的注意，界面设计的色彩个性化，目的就是用色彩的变换来协调用户的心理，让用户对软件产品时常保持一种新鲜度，它是通过用户根据自己的需要来改变默认的系统设置，选择一种自己满意的个性化设置，达到软件产品与用户之间的协调性。在众多的软件产品中都涉及到了界面的换肤技术，在手机的软件界面设计过程中，应用这一个性设置可以更大的提升软件的魅力，满足用户的多方面需要！在具体操作实现的过程中，色彩的搭配显得尤为重要，要考虑图标色彩与换肤色彩的色彩反差和效果的统一，以不至于造成花、乱的界面效果。  &lt;br&gt;三、界面视觉元素的规范 &lt;br&gt;1、图形图像元素的质量 &lt;br&gt;尽量使用较少的色深表现色彩丰富的图形图像，既确保数据量小又确保图形图像的效果完好，使图形图像在软件系统中所占数据量尽量减小，提高程序的工作效率。 &lt;br&gt;2、线条色块与图形图像的结合 &lt;br&gt;界面上的线条和色块后期都会用程序来实现，这就需要考虑程序部分和图像部分的结合，需要自然的结合才能协调界面效果的整体感，所以需要需要程序员与界面设计人员的密切沟通，达成一致。 &lt;br&gt; 以上是我的一点小小总结，望各位同仁多多指点！ &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-8365828807005234977?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/8365828807005234977/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=8365828807005234977' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8365828807005234977'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8365828807005234977'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/blog-post_8084.html' title='手机软件界面设计浅谈'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-7778785835383996949</id><published>2007-02-14T05:00:00.000-08:00</published><updated>2007-02-14T05:01:02.913-08:00</updated><title type='text'>手机软件界面设计浅谈</title><content type='html'>&amp;nbsp;&amp;nbsp;&amp;nbsp; 随着科技的不断发展，手机的功能俞之强大，基于手机系统的相关软件应运而生，手机设计的人性化已不仅仅局限于手机硬件的外观，手机的软件系统已成为用户直接操作和应用的主体，它应以美观实用、操作便捷为用户所青睐。用户界面设计的规范性显得尤为重要。 &lt;br&gt;&lt;div align="left"&gt;&lt;font size="4"&gt;&lt;img src="http://himg.baidu.com/sys/portrait/item/0d735545ccec6c01.jpg" height="138" width="143"&gt;&lt;/font&gt;一、界面效果的整体性、一致性 &lt;br&gt;&lt;/div&gt;手机软件运行于手机操作系统的软件环境，界面的设计应该是基于这个应用平台的整体风格，这样有利于产品外观的整合。 &lt;br&gt;1、界面的色彩及风格与系统界面统一 &lt;br&gt;软件界面的总体色彩应该接近和类似系统界面的总体色调，例如：系统色调以蓝色为主，我们的软件界面的默认色彩最好与之吻合，若使用与之大相径庭的色彩，比如大红、柠檬黄，色彩的强烈变化会影响用户的使用情绪，假想你买了一款从外观到系统界面都很满意的手机，操作的时候突然发现内置的应用软件和系统界面不统一，你会有何感想呢？第一感觉不好的东西我们的用户还会去用它吗？所以我们要知道手机的外观和系统界面已经是由手机制造商根据用户审美习惯定制的，它应该有他们的审美群体，我们要给这款手机做软件就应该有效地利用制造商基于此款手机的审美特征，以赢得喜爱此款手机的用户，使他们对系统界面的肯定和喜爱有效的转移到我们的产品上来。当然合理地结合系统界面进行设计还包括图标、按钮的风格及在不同操作状态下的视觉效果。 &lt;br&gt;2、操作流程的系统化 &lt;br&gt;手机用户的操作习惯是基于系统的，我们的界面设计在操作流程的安排上，也得遵循系统的规范性，让用户达到可以使用手机就会使用我们的软件，简化用户操作流程！ &lt;br&gt;二、界面效果的个性化 &lt;br&gt;是不是我们追求整体性和一致性，就忽略软件界面的个性化呢?整体性和一致性是基于手机系统视觉效果的和谐统一而考虑，个性化是基于软件本身的特征和用途而考虑。因此这一点也是不容忽视的！ &lt;br&gt;1、特有的界面构架 &lt;br&gt;软件的实用性是软件应用的根本，我们设计应该结合软件的应用范畴，合理的安排版式，以求达到美观适用的目的，这一点不一定能与系统达到一致的标准，它应该具有它所具有的行业标准，例如:证券交易、地图操作等界面特征，需要分析软件应用的特征和流程制定相对规范性的界面构架。界面构架的功能操作区、内容显示区、导航控制区都应该统一规范，不同功能模块的相同操作区域的元素风格应该一致，让用户能够对不同的模块的操作迅速掌握。从而也使整个界面统一在一个特有的整体之中。 &lt;br&gt;2、专用的界面图标 &lt;br&gt;软件的图标按钮是基于自身应用的命令集，它的每一个图形内容映射的是一个目标动作，因此作为体现目标动作的图标，它应该有强烈的表意性，制作过程中选择具有典型行业特征的图符，有助于用户的识别，方便操作。图标的图形制作不能太繁琐，要适应手机本身显示面积很小的屏幕，在制作上尽量使用像素图，确保图形质量清晰，如果针对立体化的界面，可考虑部分像素羽化的效果，以增强图标的层次感。 &lt;br&gt;3、界面色彩的个性化设置 &lt;br&gt;色彩影响一个人的情绪，不同的色彩会让人产生不同的心理效应，反之不同的心理状态所能接受的色彩也是不同的，不断变化的事物才能引起人的注意，界面设计的色彩个性化，目的就是用色彩的变换来协调用户的心理，让用户对软件产品时常保持一种新鲜度，它是通过用户根据自己的需要来改变默认的系统设置，选择一种自己满意的个性化设置，达到软件产品与用户之间的协调性。在众多的软件产品中都涉及到了界面的换肤技术，在手机的软件界面设计过程中，应用这一个性设置可以更大的提升软件的魅力，满足用户的多方面需要！在具体操作实现的过程中，色彩的搭配显得尤为重要，要考虑图标色彩与换肤色彩的色彩反差和效果的统一，以不至于造成花、乱的界面效果。 &lt;br&gt;三、界面视觉元素的规范 &lt;br&gt;1、图形图像元素的质量 &lt;br&gt;尽量使用较少的色深表现色彩丰富的图形图像，既确保数据量小又确保图形图像的效果完好，使图形图像在软件系统中所占数据量尽量减小，提高程序的工作效率。 &lt;br&gt;2、线条色块与图形图像的结合 &lt;br&gt;界面上的线条和色块后期都会用程序来实现，这就需要考虑程序部分和图像部分的结合，需要自然的结合才能协调界面效果的整体感，所以需要需要程序员与界面设计人员的密切沟通，达成一致。 &lt;br&gt;以上是我的一点小小总结，望各位同仁多多指点！&lt;br&gt;&lt;!-- footer --&gt;&lt;br&gt; &lt;hr&gt; &lt;span style="font-size:12px;line-height:15px; color:#000"&gt;新年短信特多,回来回去回不完！怎么办&lt;/span&gt; &lt;a style="font-size:12px;line-height:15px; color:blue; text-decoration:underline;font-family:Tahoma" href="http://allyesbjafa.allyes.com/main/adfclick?db=allyesbjafa&amp;bid=1728,863,31&amp;cid=825,171,1&amp;sid=1731&amp;show=ignore&amp;url=http://www.fetion.com.cn/"&gt;用飞信群发短信！&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-7778785835383996949?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/7778785835383996949/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=7778785835383996949' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/7778785835383996949'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/7778785835383996949'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/blog-post_1814.html' title='手机软件界面设计浅谈'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-5831461412822512331</id><published>2007-02-14T03:38:00.001-08:00</published><updated>2007-02-14T03:38:57.510-08:00</updated><title type='text'>继续强调先前的观点</title><content type='html'>&lt;div&gt;&amp;nbsp;&lt;/div&gt;&lt;div&gt;&amp;nbsp;&lt;img alt="http://uicom.net/blog/attachments/200702/topm.jpg" src="http://uicom.net/blog/attachments/200702/topm.jpg" height="152" width="416"&gt; &lt;p&gt;1、继续强调先前的观点：&lt;br&gt;&lt;a href="http://uicom.net/blog/?p=514" rel="bookmark" title="到《不是只有UE部门才能\才应该做UE设计》的永久链接"&gt;不是只有UE部门才能\才应该做UE设计&lt;/a&gt;，&lt;br&gt;一个产品的UE设计工作不只是UE部门要做；也不是只有UE部门才能去做。&lt;br&gt;&lt;br&gt;2、上周&lt;a href="http://union.baidu.com/promo/pioneer/index.html" target="_blank"&gt;百度先锋论坛&lt;/a&gt;上，&lt;a href="http://hi.baidu.com/madesign" target="_blank"&gt;郭大侠&lt;/a&gt;再次说过：" 用户体验设计&lt;strong&gt;可以&lt;/strong&gt;由其他部门来做，用户体验设计师可帮助其他部门更加专业的做用户体验设计；用户体验设计师要做的可以是指挥家.."&lt;br&gt;（guoyu还说" 设计思维是以人为本的创新；设计师拥有独特解决问题的能力、工具、方法和氛围；设计师可以模拟、视觉化未来。"）&lt;br&gt;&lt;br&gt;&lt;/p&gt; &lt;p&gt;3、以上并不是说"用户体验设计应该完全由其他人来做而UE自己袖手旁观。"&lt;br&gt;我接下来提出一个问题：产品的UE设计到底应该由UE部门还是团队中其他什么角色来把控决定权呢？&lt;br&gt;晚上我陆续问了这个问题，大家就此展开了扩散式的观点表达（观点都很集中 不能算是讨论）：&lt;br&gt;  &lt;a class="fullview" href="http://uicom.net/blog/?p=555#more-555"&gt;查看全文 ?&lt;/a&gt; &lt;/p&gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp;&lt;/div&gt;&lt;div&gt;&amp;nbsp;&lt;/div&gt;&lt;br&gt;&lt;!-- footer --&gt;&lt;br&gt; &lt;hr&gt; &lt;span style="font-size:12px;line-height:15px; color:#000"&gt;新年短信特多,回来回去回不完！怎么办&lt;/span&gt; &lt;a style="font-size:12px;line-height:15px; color:blue; text-decoration:underline;font-family:Tahoma" href="http://allyesbjafa.allyes.com/main/adfclick?db=allyesbjafa&amp;bid=1728,863,31&amp;cid=825,171,1&amp;sid=1731&amp;show=ignore&amp;url=http://www.fetion.com.cn/"&gt;用飞信群发短信！&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-5831461412822512331?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/5831461412822512331/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=5831461412822512331' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/5831461412822512331'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/5831461412822512331'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/blog-post_14.html' title='继续强调先前的观点'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-5013574720750694184</id><published>2007-02-07T22:13:00.000-08:00</published><updated>2007-02-07T03:06:30.582-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>版面排版五个技巧</title><content type='html'>&lt;table bg border="0" border cellspacing="0" style="color:#30676a;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td bg height="99" width="613" style="color:#ffffff;"&gt;&lt;div class="artsreview" align="center"&gt;             &lt;p&gt;&lt;span class="style101"&gt;&lt;strong&gt;&lt;span style="color:#ff6600;"&gt;版面排版五个技巧&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span class="fontsize02"&gt;&lt;br /&gt;&lt;span class="style99"&gt;&lt;span style="color:#a97b5a;"&gt;本文由 LOGOSKY.NET网站设计师陈汉聪编译，转载请注明出处&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="typesize01 style99"&gt;&lt;span style="color:#a97b5a;"&gt;文章编号：06102 2006年4月25日 &lt;/span&gt;&lt;/span&gt;&lt;/p&gt;             &lt;/div&gt;             &lt;/td&gt;             &lt;td rowspan="3" bgcolor="#e6f0ef" valign="top" width="170"&gt;&lt;br /&gt;&lt;/td&gt;         &lt;/tr&gt;         &lt;tr&gt;             &lt;td bg valign="center" style="color:#ffffff;"&gt;                          &lt;table border="0" cellspacing="0" height="176" width="588"&gt;                 &lt;tbody&gt;                     &lt;tr&gt;                         &lt;td height="176" valign="top" width="191"&gt;                         &lt;div align="right"&gt;&lt;span style="color:#a97b5a;"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_1.jpg" border="1" height="174" width="142" /&gt;&lt;/span&gt;&lt;/div&gt;                         &lt;/td&gt;                         &lt;td bg valign="center" width="393" style="color:#ffffff;"&gt;                         &lt;blockquote&gt;                         &lt;p class="typesize01" align="left"&gt;&lt;span class="yizhedehua"&gt;&lt;span class="style63"&gt;&lt;span class="style73"&gt;&lt;span class="style77"&gt;&lt;span class="style82"&gt;&lt;strong&gt;&lt;span style="color:#ff6600;"&gt;【译者的话】&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; 如何做一个简单及又吸引人的封面？一个版面上有很多图片要应用要如何组织才能不引起混乱？如何设计包含各种不同的信息而且又吸引人的网页？时间不多的时候有什么捷径让你快速完成一个吸引人的作品？本文通过五个实例启发你的创意之门 。 &lt;/span&gt;&lt;/p&gt;                         &lt;/blockquote&gt;&lt;/td&gt;                     &lt;/tr&gt;                 &lt;/tbody&gt;             &lt;/table&gt;             &lt;/td&gt;         &lt;/tr&gt;         &lt;tr&gt;             &lt;td class="fontsize02" bgcolor="#ffffff" valign="top"&gt;             &lt;blockquote&gt;             &lt;p align="left"&gt;&lt;strong&gt;&lt;br /&gt;一、狭窄的封面与内页形成吸引人的对比效果 &lt;/strong&gt;&lt;/p&gt;             &lt;div align="left"&gt;下次当你在设计一些报告书之类的封面时，可以将它设计得耳目一新。在狭窄封面上的彩色图片对读者产生了相当大的吸引力，同时又能让读者看到下面一页的部分内容。里面那一页是介绍文字。这种版式永远都给人吸引人的眼睛。 &lt;/div&gt;             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_2.jpg" height="380" width="304" /&gt;&lt;/p&gt;             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_3.jpg" height="382" width="500" /&gt;&lt;/p&gt;             &lt;p class="style83" align="center"&gt;理论上说，这个封面可以说是由两个页面组成。由于这两页纸同时构成了一个封面，所以里面的文字应该与封面的图案配合好水平线。 &lt;/p&gt;             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_4.jpg" height="200" width="355" /&gt;&lt;/p&gt;             &lt;p class="style83" align="center"&gt;当然，将顺序调换一下也未尝不可。文字标题在最上面一页，而图片则变成内页。效果同样不错。 &lt;/p&gt;             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_5.jpg" height="202" width="343" /&gt;&lt;/p&gt;             &lt;p class="style83" align="center"&gt;利用颜色及图案的适当变化，可以使你轻易设计一系列这样的漂亮封面。 &lt;/p&gt;             &lt;p align="left"&gt;&lt;strong&gt;二、封面上有太多照片要用？将它们按网格排列！ &lt;/strong&gt;&lt;/p&gt;             &lt;div align="left"&gt;             &lt;p&gt;与其将封面设计成一幅复杂的抽象拼贴图，不然将图片排列整齐，既简单，又美观。这种按网格排列的图片有大有小，互相重叠，但整体看起却象是一个有机整体。 &lt;/p&gt;             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_6.jpg" height="242" width="499" /&gt; &lt;/p&gt;             &lt;p align="left"&gt;正 方形网张：有时你在设计封面时很难找到一张完全合你心意的照片，干脆将几张图片同时用上。然后用方格来定位。当然，为了使它适合网格的大小，你事先需要对 图片进行适当的剪切。一个 4 × 4 的网格形成 16 个小方格。注意下图中，这些网格线在设计中仍然是保留的。 &lt;/p&gt;             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_7.jpg" height="444" width="366" /&gt;&lt;/p&gt;             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_8.jpg" height="250" width="166" /&gt;&lt;/p&gt;             &lt;p class="style102" align="center"&gt;从上面这个示意图可以看出。整个网格将封面分成三部分，并将所有元素都形成了整齐的排列。而上下的文字都是与其中一条网线对齐的。 &lt;/p&gt;             &lt;p&gt;&lt;strong&gt;三、网页：将众多的信息形成视觉层次感是最大的关键 &lt;/strong&gt;&lt;/p&gt; Men.style.com 的网页中包含了众多的信息，下图共有 9 张图片，还有很多大小标题，所形成的区域数量也非常多——有重点的封面报道，有一些是比较次要的新闻，还有其它的搜索功能等等。但你在看这个网页的时候， 却并不会让你的眼睛无所适从眼花缭乱，相反，整个版面安排得非常漂亮及吸引人。为什么有这种效果？关键是他们在排版上强调了层次感。整个版面大元素与小元 素之间，通过浅色及暗色及组织形成了协调的对比。 &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_9.jpg" height="449" width="510" /&gt;&lt;/p&gt;             &lt;p align="left"&gt;一 眼望去，电影明星盖伦霍尔（ Gyllenhaal ）是这个版面当之无愧的视觉焦点。他为什么有这种力量： 1 、他是这个网页中最大的一个元素； 2 、他的身体轮廓与那些矩形的直线边框形成了对比； 3 、他超出了区域一部分； 4 、以黑色为主的肖像与周围白色区域形成了对比。 5 、在这么多图片中，他的面孔是大家最熟悉的，而且，他还直视着你。 &lt;/p&gt;             &lt;p align="left"&gt;从下面的示意图你或许看到更清楚： &lt;/p&gt;             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_10.jpg" height="139" width="498" /&gt;&lt;/p&gt;             &lt;p&gt;A 是最主要的区域。（ 1 ）该版面被分成三个主要区域；（ 2 ）而每一个区域又再细分为各个小区域；（ 3 ）这些小区域里面还有更小的区域。而 A 区域给人颜色厚重的感觉，使它轻易地与其它两个区域分开。而 A 中的小区域之间的对比则较为低调，并没有象大区域的对比那样强烈。 &lt;/p&gt;             &lt;p&gt;这样的划分，使到网页可以包含很多的信息。特别注意其中标题的样式，在不同区域中一些主要标题的字体及样式都是一样的，使到整个版面在视觉上形成一个整体。 &lt;/p&gt;             &lt;p&gt;&lt;strong&gt;四、图片版面：一些小元素可以“软化”版面&lt;/strong&gt;&lt;/p&gt;             怎样才能在这个网页设计中，使吉普车的图片让观看的人显得更有动感？简单，在整个版面中加上一些小元素。这些小元素可以使网页及图片边框所形成的硬边感觉“软化”，使到整个版面让人觉得更加亲切吸引。             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_11.jpg" height="304" width="487" /&gt;&lt;/p&gt;             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_12.jpg" height="299" width="494" /&gt;&lt;/p&gt;             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_13.jpg" height="163" width="510" /&gt;&lt;/p&gt;             &lt;p&gt;从 上面的两个网页中我们可以看到，图片的吉普车图片占据着非常大的位置，而且正在向你驶来！而当你加上一些小元素之后（如上图的小石块及树叶），会使到整个 版面产生微妙的视觉变化，因为这些小元素与吉普车的比例与我们在现实生活中所看到的比例感觉差不多一致的，这样就会使吉普车给人的感觉更真实。而这些小元 素加在版面的边缘上，软化了硬边的感觉。这些小元素我们可以从一些图片取出，而在应用时应该加上一点阴影效果，显得更真实。&lt;/p&gt;             &lt;p&gt;&lt;strong&gt;五、对于一些低预算及时间很紧迫的版面设计，我们应该走极端！&lt;/strong&gt;&lt;/p&gt;             对于一些小型设计项目，费用预算很低，但客户又要求你时间要快，面对这种情况，我们以极端的方式设计是其中最容易的一条路——或者让你的图片显得非常大，或者让图片显得非常小。收集一些矢量或图片素材，再加一些特别的字体，就可以轻松完成：             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_14.jpg" height="286" width="418" /&gt;&lt;/p&gt;             &lt;p class="style83" align="center"&gt;上面的设计中各个元素显得很小，而且图片样式差不多。这种一行排列的设计不用几分钟就可以完成。一行细小的字体是希望故意增加版面的复杂性。而白色是其中主要的色调。 &lt;/p&gt;             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_15.jpg" height="365" width="494" /&gt;&lt;/p&gt;             &lt;p&gt;而 上图这个则相反，元素很大但结构却很简单，我们将其中的图片尽可能拉大，但与背景的对比不要太过强烈，出来的效果就是：你毫不费吹灰之力就创造出一种很酷 的视觉效果。线条较细的字体与图中那只有点呆鹳的形象产生良好搭配。请注意小示意图中的虚线，它是各个元素之间产生联系的参考线。&lt;/p&gt;             &lt;p&gt;本文所用颜色如下： &lt;/p&gt;             &lt;p align="center"&gt;&lt;img src="http://www.360doc.com/DownloadImg/2243/140278_16.jpg" height="264" width="160" /&gt;&lt;/p&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-5013574720750694184?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/5013574720750694184/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=5013574720750694184' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/5013574720750694184'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/5013574720750694184'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/blog-post_07.html' title='版面排版五个技巧'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-1421084319173242193</id><published>2007-02-06T22:14:00.000-08:00</published><updated>2007-02-06T22:42:12.671-08:00</updated><title type='text'>关于潘多拉</title><content type='html'>&lt;div style="text-align: left;"&gt;关于潘多拉&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-1421084319173242193?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/1421084319173242193/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=1421084319173242193' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/1421084319173242193'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/1421084319173242193'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/blog-post_06.html' title='关于潘多拉'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-6714362680066920753</id><published>2007-02-06T21:45:00.000-08:00</published><updated>2007-02-06T22:48:11.689-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='知识库'/><category scheme='http://www.blogger.com/atom/ns#' term='可用性'/><title type='text'>潘多拉（Pandora）的故事</title><content type='html'>&lt;span style="font-weight: bold;"&gt;1 潘多拉（Pandora)&lt;/span&gt;&lt;img src="file:///C:/DOCUME%7E1/ADMINI%7E1/LOCALS%7E1/Temp/moz-screenshot-14.jpg" alt="" /&gt;&lt;a target="_blank" href="http://baike.baidu.com/pic/1/11530988027620077.jpg"&gt;&lt;img src="http://baike.baidu.com/pic/1/11530988027620077_small.jpg" title="点击查看大图" alt="" align="right" border="0" hspace="5" vspace="5" /&gt;&lt;/a&gt;   &lt;br /&gt;&lt;br /&gt;意思为“被赋予一切天赋的”&lt;br /&gt;提坦神普罗米修斯从天上盗火种送给人类，人类学会了使用火，主神宙斯十分恼火，为了抵消火给人类带来的巨大好处，宙斯决定要让灾难也降临人间。宙斯(Zeus)首先命令火与工匠神赫准斯托斯(Hephaestus)，使用水土合成搅混，依女神的形象做出一个可爱的女性；再命令爱与美女神阿弗洛狄忒(Aphrodite)淋上令男人疯狂的激素；智慧战争女神雅典娜(Athena)教她织布，制造出各颜各色的美丽衣织和灵乔智慧，使女人看来更加鲜艳迷人；神使赫尔墨斯（Hermes）传授她语言的天赋。众神赐予她所有的天赋后一个完完全全的女人终于完成了。众神替她穿戴衣服，头戴兔帽、项配珠练、娇美如新娘。汉密斯出主意说：“叫这个女人潘朵拉（Pandora）吧，是诸神送给人类的礼物。”众神都赞同他的建议。古希腊语中，潘是所有的意思，朵拉则是礼物。“潘多拉”即为“被授予一切优点的人”。&lt;br /&gt;&lt;br /&gt;宙斯于是命令赫尔墨斯把她带给普洛米修斯(Prometheus)的弟弟埃庇米修斯（Epmetheus）成为他的妻子。埃庇米修斯完全不同于普洛米修斯，生性愚蠢，普洛米修斯劝告他说：“如果宙斯送你任何东西绝不能接受。”但是埃庇米修斯原本就愚笨，加上潘朵拉的诱惑，立即着迷于美色，忘掉普洛米修斯的交代，快快乐乐地接受了宙斯的赠礼。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;一说普罗米修斯曾经警告过他的弟弟，不要接受奥林匹斯山上的宙斯的任何赠礼，而要立即把它退回去。可是，埃庇米修斯忘记了这个警告，很高兴地接纳了这个年轻美貌的女人。直到后来，他吃了苦头，才意识到他招来了灾祸。在此之前，人类遵照普罗米修斯的警告，因此没有灾祸，没有艰辛的劳动，也没有折磨人的疾病。现在，这个姑娘双手捧上礼物，这是一只紧闭的大盒子。她一走到埃庇米修斯的面前，就突然打开了盒盖，里面的灾害像股黑烟似地飞了出来，迅速地扩散到地上。盒子底上还深藏着唯一美好的东西：希望，但潘多拉依照万神之父的告诫，趁它还没有飞出来的时候，赶紧关上了盖子，因此希望就永远关在盒内了。从此，各种各样的灾难充满了大地、天空和海洋。疾病日日夜夜在人类中蔓延，肆虐，而又悄无声息，因为宙斯不让它们发出声响。各种热病在大地上猖獗，死神步履如飞地在人间狂奔。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;一说潘多拉于是和埃庇米修斯生活在一起。不久后，普洛米修斯带给埃庇米修斯一个大箱子，并叮嘱一定不能打开，但潘朵拉是一个好奇心很重的女人，她想：“普通的一个箱子何必藏得这么隐密？而且又盖得这么繁，到底为什么呢？”趁耶比米修斯外出时，潘朵拉敲开了箱子。结果里面并没有潘朵拉所期待的东西，而是无数的灾祸虫害。在潘朵拉打开箱子以前，人类没有任何灾祸，生活宁静，那是因为所有的病毒恶疾都被关在箱中，人类才能免受折磨。由于潘朵拉的好奇和无知，灾祸们快乐地逃出来，从那时起，灾祸们日日夜夜、处处为害人类，使人类受苦。&lt;br /&gt;&lt;br /&gt;慌乱中，潘朵拉及时地盖住大箱子，结果里面只留下了希望。因此，即使人类不断地受苦、被生活折磨，但是心中总是留有可贵的希望，才能自我激励。在死亡以前，希望永远存在，人生也绝对充满了美好的希望。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;还有一种说法是宙斯给潘多拉一个密封的盒子，里面装满了祸害、灾难和瘟疫等，让她送给娶她的男人。普罗米修斯深信宙斯对人类不怀好意，告诫他的弟弟埃庇米修斯不要接受宙斯的赠礼。可他不听劝告，娶了美丽的潘多拉。潘多拉被好奇心驱使，打开了那只盒子，立刻里面所有的灾难、瘟疫和祸害都飞了出来。人类从此饱受灾难、瘟疫和祸害的折磨。而智慧女神雅典娜为了挽救人类命运而悄悄放在盒子底层的美好东西“希望”还没来得及飞出盒子，奸猾的潘多拉就把盒子关上了。&lt;br /&gt;&lt;br /&gt;后即以“潘多拉魔盒”喻会带来不幸的礼物；灾难的渊薮。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;2  &lt;/span&gt;&lt;span style="font-weight: bold;" class="Tit"&gt;潘多拉魔盒&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;img src="file:///C:/DOCUME%7E1/ADMINI%7E1/LOCALS%7E1/Temp/moz-screenshot-12.jpg" alt="" /&gt;&lt;img src="file:///C:/DOCUME%7E1/ADMINI%7E1/LOCALS%7E1/Temp/moz-screenshot-13.jpg" alt="" /&gt;&lt;a target="_blank" href="http://baike.baidu.com/pic/4/11640848036756202.jpg"&gt;&lt;img src="http://baike.baidu.com/pic/4/11640848036756202_small.jpg" title="点击查看大图" alt="" align="right" border="0" hspace="5" vspace="5" /&gt;&lt;/a&gt;&lt;span class="Tit"&gt;&lt;br /&gt;潘多拉魔盒,又称潘多拉盒子,潘多拉匣子,这是一则古希腊经典神话.&lt;br /&gt;&lt;br /&gt;潘多拉是宙斯创造的第一个人类女人， 主要是要报復人类。因为众神中的普罗米修斯过分关心人类，於是恼火了宙斯。&lt;br /&gt;&lt;br /&gt;宙斯(Zeus)首先命令火神黑菲斯塔斯(Hephaestus)，使用水土合成搅混，依女神的形象做出一个可爱的女人；再命令爱与美女神阿芙罗黛堤(Aphrodite)淋上令男人疯狂的激素；女神雅典娜(Athena)教女人织布，制造出各颜各色的美丽衣织，使女人看来更加鲜艳迷人；完成所有手续后，宙斯派遣使神汉密斯(Hermes)说：“放入你狡猾多诈、欺骗耍赖、偷窃的个性吧！”&lt;br /&gt;&lt;br /&gt;一个完完全全的女人终于完成了。众神替她穿戴衣服，头戴兔帽、项配珠练、娇美如新娘。汉密斯出主意说：“叫这个女人潘多拉（Pandora）吧，是诸神送给人类的礼物。”众神都赞同他的建议。古希腊语中，潘是所有的意思，多拉则是礼物。&lt;br /&gt;&lt;br /&gt;宙斯在争夺神界时，就是得到普罗米修斯及其弟伊皮米修斯的帮助，而能登上宝座。普罗米修斯的名字即「深谋远虑」的意思。而其弟伊皮米修斯的意思为「後悔」，所以两兄弟的作风就跟其名字一样，有著「深谋\远虑」及「後悔」的特性。潘多拉被创造之後，就在宙斯的安排下，送给了伊皮米修斯。因为祂知道普罗米修斯不会接受祂送的礼物，所以一开始就送给了伊皮米修斯。而伊皮米修斯也接受了她，在举行婚礼时，宙斯命令众神各将一份礼物放在一个盒子里，送给潘多拉当礼物。而众神的礼物是好是坏就不得而知了。&lt;br /&gt;&lt;br /&gt;伊皮米修斯的胞兄普罗米修斯就警告伊皮米修斯，千万不要接受宙斯的礼物，尤其是女人，因为女人是危险的动物。而伊皮米修斯就跟其名字一般，娶了潘多拉之後没多久，就开始後悔了。因为潘多拉最大的缺点就是好奇心了。从结婚以後，她就不断地想打开众神送的小盒子，而伊皮米修斯却要时时刻刻的提防她的好奇心，因为他知道盒子里的礼物未必都是好的。&lt;br /&gt;&lt;br /&gt;有一天，潘多拉的好奇心战胜了一切。她等伊皮米修斯出门後，就打开了盒子，结果一团烟冲了出来，将一切礼物全都释放，这里面包含了幸福、瘟疫、忧伤、友情、灾祸、爱情等等，在潘多拉打开箱子以前。人类没有任何灾祸，生活宁静，那是因为所有的病毒恶疾都被关在箱中，人类才能免受折磨。&lt;br /&gt;&lt;br /&gt;潘多拉害怕极了，慌乱中，潘多拉及时地盖住大箱子，但一切都已经太迟，盒子内只剩下了「希望」。因此，即使人类不断地受苦、被生活折磨，但是心中总是留有可贵的希望，才能自我激励。在死亡以前，希望永远存在，人生也绝对充满了美好的希望。&lt;br /&gt;&lt;br /&gt;至今，它一直是人类生活动力的来源，因为它带给人类无穷的「希望」，不管遭遇何种困境，它是人类一切不幸中唯一的安慰。&lt;/span&gt;&lt;span style="font-weight: bold;" class="Tit"&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-6714362680066920753?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/6714362680066920753/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=6714362680066920753' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/6714362680066920753'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/6714362680066920753'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/pandora.html' title='潘多拉（Pandora）的故事'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-2482622127117896879</id><published>2007-02-06T02:09:00.000-08:00</published><updated>2007-02-06T20:25:39.437-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='杂事'/><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>blogger的一些问题</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span&gt;Blogger是我最喜欢的一个程序，新版发布后，blogger的功能更加强大，比如：&lt;br /&gt;针对初级用户的“可拖动页面布局”功能；可视化的“文字和颜色定义”功能；更让人兴奋的是，它还增加了自定义html和javascript功能，这项功能真是相当强大！&lt;br /&gt;&lt;br /&gt;但是，对我这种喜欢钻牛角尖的人来说，我希望它能更加精彩,以下是我总结的一些blogger的问题：&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;1 文章的扁平结构&lt;/span&gt;&lt;br /&gt;所有的文章都全部显示，文章没法显示概要，如果文章很长，blogger显示全部文章，造成第一屏只能看到一片文章。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;2 域名一致的问题&lt;/span&gt;&lt;br /&gt;加入我申请了一个名为“huaduo：的ID，如果我访问这个blog，我只能通过输入：http://huaduo.blogspot.com来访问，而假如输入：http://huaduo.blogger.com是无法来访问，既然网站名为blogger，为何不用http://huaduo.blogger.com直接访问。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;3 没有文章分类&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;也许新版的blogger加入了tag功能，这个很好，但是，如果tag很多怎么办？大面积的tags往哪里搁，tag和文章分类还是有区别吧？&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;4 前台可用性问题&lt;br /&gt;&lt;/span&gt;&lt;ul&gt;&lt;li&gt;&lt;span&gt;翻页&lt;span style="text-decoration: underline;"&gt;使用用的是：“&lt;/span&gt;&lt;/span&gt;&lt;span class="blog-pager-older-link"&gt;较旧的文章”     “较新的文章”，对于中国用户来说，可能理解起来有些绕弯子。&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;span class="blog-pager-older-link"&gt;“&lt;/span&gt;&lt;span class="home-link"&gt;主页&lt;/span&gt;”也让人不明白究竟要回到哪个页面？&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;&lt;span class="d-msg"&gt;发表评论的页面让人感到莫名其妙&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;   订阅“         &lt;span class="feed-link"&gt;帖子评论 (Atom)”&lt;/span&gt;和“订阅帖子”位置不好，放在最下面，且不明显&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-weight: bold;font-size:100%;" &gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:100%;" &gt;&lt;span style="font-weight: bold;"&gt;5 &lt;/span&gt;&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;后台管理的可用性问题&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Label的管理太麻烦，不能直接修改label名，只能在选中一些文章时，同时对这些文章删除标签和新增标签。Label的使用不符合中国人的操作习惯。&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;span&gt; 一些句子太机械化，不容易理解。比如&lt;span style="color: rgb(204, 102, 0);"&gt;”&lt;/span&gt;&lt;/span&gt;&lt;span style="color: rgb(204, 102, 0);"&gt;允许使用 &lt;/span&gt;&lt;code style="color: rgb(204, 102, 0);"&gt;&lt;/code&gt;&lt;div&gt;&lt;span style="color: rgb(204, 102, 0);"&gt; 标记的图片和文件对齐方式选项。（如果您有关于文章 模板的问题，请选择“否”。）“&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;后台存在一些可用性问题，比如帮助按钮，需要鼠标点击才能打开新页面，这样降低了用户操作的效率，为何不做成鼠标经过的时候，自动出现帮助提示？&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;span&gt;选择新模板：&lt;/span&gt;这个选择模版的滚动区域用起来很费劲，为何不把这个Frame去掉，直接用整个页面的滚动条？然后在页面下方再添加一个”保存模版“的按钮？&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;模版有的内容区无法拖动排版，如果能拖动排版，对用户来说，是不是更灵活一些？还有，如果能在模版中自定义背景和样式该多好？&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:100%;" &gt;&lt;span style="font-weight: bold;"&gt;6 &lt;/span&gt;&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;顶部导航栏的问题&lt;br /&gt;&lt;/span&gt;&lt;img src="file:///C:/DOCUME%7E1/ADMINI%7E1/LOCALS%7E1/Temp/moz-screenshot-11.jpg" alt="" /&gt;&lt;span&gt;我觉得对我而言，这个用途并不大，我在使用自己博客的时候，是没有兴趣看一个陌生人的博客的-----所以我在HTML里面隐藏了&lt;/span&gt;&lt;span&gt;顶部导航栏，并在右边的自定义模块里面加入了后台管理的链接&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span class="blog-pager-older-link"&gt;&lt;/span&gt;&lt;div class="blog-pager" id="blog-pager"&gt;&lt;span id="blog-pager-older-link"&gt;       &lt;/span&gt;                           &lt;/div&gt;                           &lt;div class="blog-feeds"&gt;            &lt;div class="feed-links"&gt;&lt;br /&gt;&lt;a class="feed-link" href="http://chinaux.blogspot.com/feeds/posts/default" target="_blank" type="application/atom+xml"&gt;&lt;/a&gt;      &lt;/div&gt;        &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-2482622127117896879?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/2482622127117896879/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=2482622127117896879' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/2482622127117896879'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/2482622127117896879'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/blogger.html' title='blogger的一些问题'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-7078738516045897631</id><published>2007-02-05T23:17:00.000-08:00</published><updated>2007-02-05T23:19:20.018-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>Everything Web 2.0</title><content type='html'>AUDIO 2.0 &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Bebop - Compare music calendar against your iTunes catalogue. &lt;a href="http://www.bebopular.com/"&gt;http://www.bebopular.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Clickcaster - Record, license, publish &amp; promote your radio show. &lt;a href="http://www.clickcaster.com/"&gt;http://www.clickcaster.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Difm - Radio community. &lt;a href="http://www.di.fm/"&gt;http://www.di.fm/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dottunes - Share your iTunes. &lt;a href="http://www.dottunes.net/"&gt;http://www.dottunes.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Enablr - Transcribe podcasts, Text2Snailmail, ... &lt;a href="http://www.enablr.com/"&gt;http://www.enablr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Fluctu8 - Create &amp;amp; share your sourcelists. &lt;a href="http://fluctu8.com/"&gt;http://fluctu8.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gcast - Podcasting tools &amp; hosting. &lt;a href="http://www.gcast.com/"&gt;http://www.gcast.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Genielab - Explore, recommend &amp;amp; rate music. &lt;a href="http://genielab.com/"&gt;http://genielab.com/&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ituneslove - Share your music tastes. &lt;a href="http://www.ituneslove.com/"&gt;http://www.ituneslove.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Jamendo - Review, tag, rate &amp; share music. &lt;a href="http://www.jamendo.com/en/"&gt;http://www.jamendo.com/en/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Lastfm* - Profile your taste, share, personalize your radio. &lt;a href="http://www.last.fm/"&gt;http://www.last.fm/&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mercora - Search music &amp;amp; get recommendations. &lt;a href="http://search.mercora.com/"&gt;http://search.mercora.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Muiso - Track your taste, get recommendations. &lt;a href="http://muiso.com/"&gt;http://muiso.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Musicmobs - Share your tastes &amp; find music. &lt;a href="http://www.musicmobs.com/"&gt;http://www.musicmobs.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Musicstrands - Tag, share &amp;amp; post music community. &lt;a href="http://www.musicstrands.com/"&gt;http://www.musicstrands.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Odeo - Record &amp; share audio. &lt;a href="http://www.odeo.com/"&gt;http://www.odeo.com&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pandora* - Personalized radio. &lt;a href="http://pandora.com/"&gt;http://pandora.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Plurn - List, listen to, create &amp;amp; share music. &lt;a href="http://www.plurn.com/"&gt;http://www.plurn.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Podbop - Listen to bands that visit your city (Eventful mash-up). &lt;a href="http://podbop.org/"&gt;http://podbop.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Podomatic - Create, find &amp; broadcast podcasts. &lt;a href="http://www.podomatic.com/"&gt;http://www.podomatic.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Poperti - Save your mp3 on a pop email account. &lt;a href="http://www.poperti.com/"&gt;http://www.poperti.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Predixis - Discover, manage &amp;amp; enjoy music. &lt;a href="http://www.predixis.com/"&gt;http://www.predixis.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Purevolume - Music community. &lt;a href="http://www.poperti.com/"&gt;http://www.poperti.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Radiotime - Personalize radio. &lt;a href="http://myradiotime.com/"&gt;http://myradiotime.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Streampad - List, listen &amp; share your music (= several mash-ups). &lt;a href="http://www.streampad.com/"&gt;http://www.streampad.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Upto11 - Discover &amp;amp; share music. &lt;a href="http://upto11.net/"&gt;http://upto11.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Webjay - Playlist community. &lt;a href="http://www.webjay.org/"&gt;http://www.webjay.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;BLOG2POD 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Talkr - Converts blog text to podcasts. &lt;a href="http://www.talkr.com/"&gt;http://www.talkr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;BLOGGING 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Bitty - Embed content from Web services. &lt;a href="http://bitty.com/"&gt;http://bitty.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blogburst - Syndicate blogs to mainstream media sites. &lt;a href="http://www.blogburst.com/"&gt;http://www.blogburst.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blogcode - Start blog &amp; find similar ones. &lt;a href="http://www.blogcode.com/"&gt;http://www.blogcode.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bloggersnap - Add your webcam snapshot to any blog. &lt;a href="http://www.bloggersnap.com/?l=EN/"&gt;http://www.bloggersnap.com/?l=EN/&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bloggoggle - Categorize &amp;amp; rate pro bloggers. &lt;a href="http://www.bloggoggle.com/"&gt;http://www.bloggoggle.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;em&gt;Bloglet?- Notification2email. &lt;/em&gt;&lt;a href="http://www.bloglet.com/"&gt;&lt;em&gt;http://www.bloglet.com/&lt;/em&gt;&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blogs - Notification2email. &lt;a href="http://blo.gs/"&gt;http://blo.gs/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blurb - Turn your blog into a book. &lt;a href="http://www.blurb.com/"&gt;http://www.blurb.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Cocomment - Track back your commentosphere. &lt;a href="http://www.cocomment.com/"&gt;http://www.cocomment.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedblitz - Notification2email. &lt;a href="http://www.feedblitz.com/"&gt;http://www.feedblitz.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Freevlog - Set up free video blog. &lt;a href="http://www.freevlog.org/"&gt;http://www.freevlog.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Lifetype - Blogging software. &lt;a href="http://www.lifetype.net/"&gt;http://www.lifetype.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Measuremap - Blog stats. &lt;a href="http://measuremap.com/"&gt;http://measuremap.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Qumana - Edit your blog. &lt;a href="http://www.qumana.com/"&gt;http://www.qumana.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Structuredblogging - Create, edit &amp; maintain all posts. &lt;a href="http://structuredblogging.org/"&gt;http://structuredblogging.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Textamerica - Mobile blog. &lt;a href="http://www.textamerica.com/"&gt;http://www.textamerica.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;span lang="fr" lang="fr"&gt;Xanco~ - Mobile phlog &amp;amp; vlog. &lt;a href="http://www.xanco.com/"&gt;http://www.xanco.com/&lt;/a&gt; &lt;/span&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blip - Get video &amp; podcasting on your blog. &lt;a href="http://www.blip.tv/"&gt;http://www.blip.tv/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blogladder - Create &amp;amp; maintain your blog. &lt;a href="http://www.blogladder.com/"&gt;http://www.blogladder.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blogniscient - Rank &amp; read blog articles. &lt;a href="http://www.blogniscient.com/"&gt;http://www.blogniscient.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bloxor - Maintain &amp;amp; use your blogroll online. &lt;a href="http://www.bloxor.com/"&gt;http://www.bloxor.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;BOOKMARKING 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;9rules - Validate &amp; share links to content. &lt;a href="http://9rules.com/"&gt;http://9rules.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Allyourwords - Associate &amp;amp; share words with links. &lt;a href="http://www.allyourwords.com/"&gt;http://www.allyourwords.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blinkist - Social bookmarking. &lt;a href="http://www.blinklist.com/"&gt;http://www.blinklist.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blogmarks - Social bookmarking. &lt;a href="http://www.blogmarks.net/"&gt;http://www.blogmarks.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blummy - Manage your bookmarks. &lt;a href="http://www.blummy.com/"&gt;http://www.blummy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bmaccess - Social bookmarking with thumbs. &lt;a href="http://www.bmaccess.net/"&gt;http://www.bmaccess.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Buddymarks - Social bookmarking. &lt;a href="http://www.buddymarks.com/"&gt;http://www.buddymarks.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Butterfly~ - Bookmark &amp; annotate. &lt;a href="http://www.butterflyproject.nl/"&gt;http://www.butterflyproject.nl/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Chuquet* - Find buzzes. &lt;a href="http://www.chuquet.com/"&gt;http://www.chuquet.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Clipmarks - Social clipping. &lt;a href="http://www.clipmarks.com/"&gt;http://www.clipmarks.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;CommonTimes - Social bookmarking &amp;amp; clippings. &lt;a href="http://www.commontimes.org/"&gt;http://www.commontimes.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Connotea - Social bookmarking (for reseacrhers). &lt;a href="http://www.connotea.org/"&gt;http://www.connotea.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Delicious* - Social bookmarking. &lt;a href="http://del.icio.us/"&gt;http://del.icio.us/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Digg* - Social bookmarking. &lt;a href="http://www.digg.com/"&gt;http://www.digg.com&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Diigo - Social bookmarking on steroids. &lt;a href="http://www.diigo.com/"&gt;http://www.diigo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dogear - Social bookmarking. &lt;a href="http://www.eigology.com/dogear/"&gt;http://www.eigology.com/dogear/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedmarker - Social bookmarking for news. &lt;a href="http://www.feedmarker.com/"&gt;http://www.feedmarker.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Furl - Clip, store &amp; share web pages. &lt;a href="http://www.furl.net/"&gt;http://www.furl.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Hyperlinkomatic - Social bookmarking. &lt;a href="http://www.hyperlinkomatic.com/"&gt;http://www.hyperlinkomatic.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Icio - Social bookmarking &amp;amp; rating. &lt;a href="http://www.icio.de/"&gt;http://www.icio.de/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Jeteye - Clip &amp; share (parts of) web pages. &lt;a href="http://www.jeteye.com/"&gt;http://www.jeteye.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Listible - Folksonomied software &amp;amp; code search. &lt;a href="http://www.listible.com/"&gt;http://www.listible.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;ListMixer - Social bookmarking (temporary links). &lt;a href="http://listmixer.com/"&gt;http://listmixer.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;LiveMarks - Live update of Delicious. &lt;a href="http://sandbox.sourcelabs.com/livemarks/"&gt;http://sandbox.sourcelabs.com/livemarks/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Looklater - Private bookmarking. &lt;a href="http://www.looklater.com/"&gt;http://www.looklater.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Lookmarks - Social bookmarking. &lt;a href="http://www.lookmarks.com/"&gt;http://www.lookmarks.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Magnolia - Social bookmarking &amp; voting. &lt;a href="http://ma.gnolia.com/"&gt;http://ma.gnolia.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mylinkvault - Social bookmarking. &lt;a href="http://www.mylinkvault.com/"&gt;http://www.mylinkvault.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Onlywire - Social bookmarking aggregator. &lt;a href="http://www.onlywire.com/"&gt;http://www.onlywire.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Philoi - Social bookmarking. &lt;a href="http://www.philoi.com/"&gt;http://www.philoi.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Qoosa - Social bookmarking. &lt;a href="http://www.qoosa.com/"&gt;http://www.qoosa.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Searchfox - Social bookmarking. &lt;a href="http://www.searchfox.com/"&gt;http://www.searchfox.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Shadows - Social bookmarking. &lt;a href="http://shadows.com/"&gt;http://shadows.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Simpy - Social bookmarking, tagging &amp;amp; search. &lt;a href="http://www.simpy.com/"&gt;http://www.simpy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Socialmarks - Social bookmarking. &lt;a href="http://www.socialmarks.com/"&gt;http://www.socialmarks.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Spinspy - Social bookmarking &amp; ranking. &lt;a href="http://www.spinspy.com/"&gt;http://www.spinspy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Spurl - Social - Bookmarking &amp;amp; search. &lt;a href="http://www.spurl.net/"&gt;http://www.spurl.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Startaid - Manage &amp; share your (thumb) bookmarks. &lt;a href="http://www.startaid.com/"&gt;http://www.startaid.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;StumbleUpon - Social bookmarking (random sharing). &lt;a href="http://www.stumbleupon.com/"&gt;http://www.stumbleupon.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Surftail - Share your click paths. &lt;a href="http://www.surftail.com/"&gt;http://www.surftail.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Taggle - Social bookmarking, tagged (German). &lt;a href="http://www.taggle.de/"&gt;http://www.taggle.de/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tagtooga - Social bookmarking. &lt;a href="http://www.tagtooga.com/"&gt;http://www.tagtooga.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tendango - Top 10 social bookmarking. &lt;a href="http://www.tendango.com/"&gt;http://www.tendango.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Thumblicio.us - Displays thumbs of most pupular del.icio.us sites. &lt;a href="http://thumblicio.us/"&gt;http://thumblicio.us/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;YahooMyweb2 - Social bookmarking. &lt;a href="http://myweb2.search.yahoo.com/"&gt;http://myweb2.search.yahoo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Yoono - Save your bookmarks and manage your feeds - &lt;a href="http://www.yoono.com/"&gt;http://www.yoono.com/&lt;/a&gt; (Submitted       by Helder Pareira).&lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;&lt;br /&gt;&lt;/p&gt; &lt;p class="STYLE2"&gt;BROWSER 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Camino - Mozilla power &amp;amp; Mac style browser. &lt;a href="http://www.caminobrowser.org/"&gt;http://www.caminobrowser.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Flock - Lightweight browser. &lt;a href="http://www.flock.com/"&gt;http://www.flock.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;CALENDAR 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;30boxes - Manage &amp; share calendar. &lt;a href="http://30boxes.com/"&gt;http://30boxes.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Calendarhub - Create &amp;amp; share calendars. &lt;a href="http://www.calendarhub.com/"&gt;http://www.calendarhub.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Eventful - Create &amp; share events. &lt;a href="http://eventful.com/"&gt;http://eventful.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Eventicus - Create &amp;amp; share events. &lt;a href="http://www.eventicus.de/?lang=en/"&gt;http://www.eventicus.de/?lang=en/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Eventsniper - Mix your event calendar with feeds. &lt;a href="http://www.eventsniper.com/"&gt;http://www.eventsniper.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Hipcal - Manage &amp; share calendar &amp;amp; to do lists. &lt;a href="http://www.hipcal.com/"&gt;http://www.hipcal.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Meetwithapproval - Arrange meetings &amp; events online. &lt;a href="http://www.meetwithapproval.com/"&gt;http://www.meetwithapproval.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mosuki - Arrange meetings &amp;amp; events online. &lt;a href="http://mosuki.com/"&gt;http://mosuki.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Planzo - Arrange meetings &amp; events online &amp;amp; thru sms. &lt;a href="http://planzo.com/"&gt;http://planzo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Skobee - Arrange meetings &amp; events online. &lt;a href="http://www.skobee.com/"&gt;http://www.skobee.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Spongecell - Arrange meetings &amp;amp; events online; with a.i. &lt;a href="http://spongecell.com/"&gt;http://spongecell.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tilika - Share calendars. &lt;a href="http://www.tilika.com/"&gt;http://www.tilika.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Trumba - Create&amp; share events. &lt;a href="http://www.trumba.com/"&gt;http://www.trumba.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Upcoming - Create, manage &amp;amp; share events. &lt;a href="http://upcoming.org/"&gt;http://upcoming.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;CHAT 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;3bubbles - Add chat to your blog. &lt;a href="http://www.3bubbles.com/"&gt;http://www.3bubbles.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ajchat - Create chat rooms. &lt;a href="http://www.ajchat.com/"&gt;http://www.ajchat.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Campfire - Permalinked chat. &lt;a href="http://www.campfirenow.com/"&gt;http://www.campfirenow.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Chatsum* - Chat with &amp; leave messages same-site-visitors. &lt;a href="http://www.chatsum.com/"&gt;http://www.chatsum.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Conversate - Create your own chat. &lt;a href="http://www.conversate.org/"&gt;http://www.conversate.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;PeekoChat - Make every site a 'place' (Firefox plug-in). &lt;a href="http://peekko.com/chat/"&gt;http://peekko.com/chat/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zohochat - Create your own chat room. &lt;a href="http://zohochat.com/"&gt;http://zohochat.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ekklesia - CMS for churches. &lt;a href="http://www.ekklesia-systems.com/"&gt;http://www.ekklesia-systems.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Loudblog - CMS inc. RSS. &lt;a href="http://www.loudblog.de/"&gt;http://www.loudblog.de/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pmachine - CMS. &lt;a href="http://www.pmachine.com/ee/"&gt;http://www.pmachine.com/ee/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tinymce - Wysiwyg editor. &lt;a href="http://tinymce.moxiecode.com/"&gt;http://tinymce.moxiecode.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;COLLABORATION 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;&lt;em&gt;Askeet - Ask &amp;amp; answer it. &lt;/em&gt;&lt;a href="http://www.askeet.com/"&gt;&lt;em&gt;http://www.askeet.com/&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Asoboo - Find people &amp; places in your city. &lt;a href="http://asoboo.com/"&gt;http://asoboo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Favorville - People helping people. &lt;a href="http://www.favorville.com/"&gt;http://www.favorville.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Foldera - Organize &amp;amp; share all work based documents. &lt;a href="http://www.foldera.com/"&gt;http://www.foldera.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Hubpages - Share your genius. &lt;a href="http://www.hubpages.com/"&gt;http://www.hubpages.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ifolder - Filesharing for groups. &lt;a href="http://www.ifolder.com/"&gt;http://www.ifolder.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Jotspot - Take one set of notes, live. &lt;a href="http://www.jotlive.com/"&gt;http://www.jotlive.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Lime - Help &amp; inspire eachother. &lt;a href="http://lime.com/"&gt;http://lime.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mayomi - Mind map &amp;amp; share. &lt;a href="http://www.mayomi.com/"&gt;http://www.mayomi.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;People2pray - Manage &amp; share prayer requests. &lt;a href="http://www.people2pray.com/"&gt;http://www.people2pray.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Qype - Find &amp;amp; recommend best spots in town. &lt;a href="http://qype.com/"&gt;http://qype.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Rallypoint - Share knowledge. &lt;a href="http://www.rallypointhq.com/"&gt;http://www.rallypointhq.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Redlettr - Tag &amp; comment the bible. &lt;a href="http://www.desertfather.com/micah/"&gt;http://www.desertfather.com/micah/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Rel8r - Tag, read, search blogs. &lt;a href="http://www.rel8r.com/"&gt;http://www.rel8r.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Rrove* - Save &amp;amp; share places. &lt;a href="http://www.rrove.com/"&gt;http://www.rrove.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Say-So - Share problems &amp; get advise. &lt;a href="http://www.say-so.org/"&gt;http://www.say-so.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Socialight - Share pictures &amp;amp; notes with your cell phone. &lt;a href="http://socialight.com/"&gt;http://socialight.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Standpoint - Share &amp; evangelize convictions. &lt;a href="http://www.standpoint.com/"&gt;http://www.standpoint.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Studybuddy - Share notecards. &lt;a href="http://www.studybuddy.info/"&gt;http://www.studybuddy.info/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tracbac - Share, comment, revise &amp;amp; collaborate. &lt;a href="http://www.tracbac.com/"&gt;http://www.tracbac.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Vizu - Create, share &amp; vote for polls. &lt;a href="http://www.vizu.com/"&gt;http://www.vizu.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Webbrush - Collaborative drawing, charting, etc. &lt;a href="http://www.stanfy.com/dev/webbrush/"&gt;http://www.stanfy.com/dev/webbrush/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Whatshouldireadnext - Share your bookshelve. &lt;a href="http://whatshouldireadnext.com/"&gt;http://whatshouldireadnext.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wobblog - Rank &amp;amp; share blog postings. &lt;a href="http://www.wobblog.com/"&gt;http://www.wobblog.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zimbra - Work &amp; communicate together. &lt;a href="http://www.zimbra.com/"&gt;http://www.zimbra.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;COLLECT 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Librarious - Catalogue your collection. &lt;a href="http://lib.rario.us/"&gt;http://lib.rario.us/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Librarything - Catalogue &amp;amp; share your library. &lt;a href="http://www.librarything.com/"&gt;http://www.librarything.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Unalog - Share what you read, in groups. &lt;a href="http://unalog.com/"&gt;http://unalog.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;COMIX 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Comics - Create &amp; share comics. &lt;a href="http://www.mainada.net/comics/"&gt;http://www.mainada.net/comics/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Quicktoons - Create &amp;amp; share comics. &lt;a href="http://www.quicktoons.com/"&gt;http://www.quicktoons.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;&lt;span lang="fr" lang="fr"&gt;COMMUNICATION 2.0&lt;/span&gt;&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;&lt;span lang="fr" lang="fr"&gt;E-messenger - Ajax messengers. &lt;a href="http://www.e-messenger.net/"&gt;http://www.e-messenger.net/&lt;/a&gt; &lt;/span&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;E-messenger - Integrates several messengers. &lt;a href="http://www.e-messenger.net/"&gt;http://www.e-messenger.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gtalkr - Google Talk, Flickr, YouTube, feeds. &lt;a href="https://gtalkr.com/"&gt;https://gtalkr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Iglance - Push-to-talk videoconf and screen-sharing. &lt;a href="http://www.iglance.com/"&gt;http://www.iglance.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Imeem - Share words, files &amp; people (on messenger). &lt;a href="http://www.imeem.com/"&gt;http://www.imeem.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;span lang="fr" lang="fr"&gt;Imvu - 3D messenger. &lt;a href="http://www.imvu.com/"&gt;http://www.imvu.com/&lt;/a&gt; &lt;/span&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Iotum - Sorts &amp;amp; processes calls on relevance. &lt;a href="http://www.iotum.com/"&gt;http://www.iotum.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Jabphone - Messenger2phone. &lt;a href="http://www.jabphone.com/"&gt;http://www.jabphone.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Jumpclaimer - Inform your relatives about your whereabouts thru sms. &lt;a href="http://www.jumpclaimer.com/"&gt;http://www.jumpclaimer.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;span lang="fr" lang="fr"&gt;Kopete - Universal messenger. &lt;a href="http://kopete.kde.org/"&gt;http://kopete.kde.org/&lt;/a&gt; &lt;/span&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;span lang="fr" lang="fr"&gt;Mabber - Mobile messenger. &lt;a href="http://www.mabber.com/"&gt;http://www.mabber.com/&lt;/a&gt; &lt;/span&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Meebo - Integrates several messengers. &lt;a href="http://www.meebo.com/"&gt;http://www.meebo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Skylook - Record &amp; store all Skype communications. &lt;a href="http://www.skylook.biz/"&gt;http://www.skylook.biz/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Skype - Call, conference, messenger, file sharing. &lt;a href="http://www.skype.com/"&gt;http://www.skype.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Slawesome - Add voice to your email. &lt;a href="http://www.slawesome.com/"&gt;http://www.slawesome.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Soonr - Mobile 2 web &amp;amp; v.v. &lt;a href="http://www.soonr.com/"&gt;http://www.soonr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Stickam* - Multimedia communication tool. &lt;a href="http://www.stickam.com/"&gt;http://www.stickam.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tello - Locate &amp; collaborate with your key contacts. &lt;a href="http://www.tello.com/"&gt;http://www.tello.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Userplane - Chat, messenger, record. &lt;a href="http://www.userplane.com/"&gt;http://www.userplane.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;V4s - Add voice to your email. &lt;a href="http://www.orb.com/skype/"&gt;http://www.orb.com/skype/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Vyew - Web based video conferencing. &lt;a href="http://vyew.com/"&gt;http://vyew.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Waxmail - Add voice to your email. &lt;a href="http://www.waxmail.biz/"&gt;http://www.waxmail.biz/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Web2messenger - Send messages from web 2 messenger. &lt;a href="http://www.web2messenger.com/"&gt;http://www.web2messenger.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;COMMUNITY 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;43people - Tag based matching &amp;amp; dating. &lt;a href="http://www.43people.com/"&gt;http://www.43people.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;43places - Publish &amp; share stories about places. &lt;a href="http://www.43places.com/"&gt;http://www.43places.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blogtronix - Blogging &amp;amp; corporate community software. &lt;a href="http://www.blogtronix.com/"&gt;http://www.blogtronix.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Communitywalk - Share places &amp; routes (map mash-up). &lt;a href="http://www.communitywalk.com/"&gt;http://www.communitywalk.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Consumating - Tag based dating. &lt;a href="http://www.consumating.com/"&gt;http://www.consumating.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Create &amp;amp; Participate in communities. &lt;a href="http://www.towncrossing.com/"&gt;http://www.towncrossing.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dodgeball - Hook in with your mobile &amp; meet friends. &lt;a href="http://www.dodgeball.com/"&gt;http://www.dodgeball.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Doostang - Community for professionals. &lt;a href="http://www.doostang.com/"&gt;http://www.doostang.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Facebook - Student communities. &lt;a href="http://www.facebook.com/"&gt;http://www.facebook.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Frappr - Put your group on the map, share photos. &lt;a href="http://www.frappr.com/"&gt;http://www.frappr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Friendster - Connect with friends. &lt;a href="http://www.friendster.com/"&gt;http://www.friendster.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Groups - Create groups &amp;amp; share content. &lt;a href="http://grou.ps/"&gt;http://grou.ps/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;em&gt;HumanPages – Philanthropic “LinkedIn-Like” People Search. &lt;/em&gt;&lt;a href="http://www.humanpages.com/"&gt;&lt;em&gt;http://www.humanpages.com/&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ikarma - Document &amp; promote your reputation. &lt;a href="http://ikarma.com/"&gt;http://ikarma.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Linkedin - Manage and share your cv. &lt;a href="http://www.linkedin.com/"&gt;Http://www.linkedin.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Livejournal - Join or create your own community. &lt;a href="http://www.sixapart.com/livejournal/"&gt;http://www.sixapart.com/livejournal/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Lovento - Find friends &amp;amp; events. &lt;a href="http://www.lovento.com/"&gt;http://www.lovento.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mapmix. Find your friends (map mash-up). &lt;a href="http://www.mapmix.com/"&gt;http://www.mapmix.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Meetro - Find friends nearby (thru messenger). &lt;a href="http://www.meetro.com/"&gt;http://www.meetro.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Meetup - Find common interests &amp; organize meetings. &lt;a href="http://www.meetup.com/"&gt;http://www.meetup.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mologogo - Share where you are. &lt;a href="http://www.mologogo.com/"&gt;http://www.mologogo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mozes - Share information &amp;amp; people thru your mobile. &lt;a href="http://mozes.com/"&gt;http://mozes.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;MySpace - Communicate with &amp; share content with your friends. &lt;a href="http://www.myspace.com/"&gt;http://www.myspace.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;OpenBC - Community for entrepreneurs &amp;amp; professionals. &lt;a href="http://www.openbc.com/"&gt;http://www.openbc.com&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Opinity - Manage your reputation. &lt;a href="http://www.opinity.com/"&gt;http://www.opinity.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Orkut - Connect to your friends. &lt;a href="https://www.orkut.com/"&gt;https://www.orkut.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Partysync - Meet &amp; sms people. &lt;a href="http://group.partysync.com/"&gt;http://group.partysync.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Peerprofile - Publish &amp;amp; share your profiles. &lt;a href="http://www.peerprofile.com/"&gt;http://www.peerprofile.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Peertrainer - Buddy up, slim down. &lt;a href="http://www.peertrainer.com/"&gt;http://www.peertrainer.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Phusebox - Community for sophisticated people. &lt;a href="http://phusebox.net/"&gt;http://phusebox.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Piczo - Create &amp; share website. &lt;a href="http://piczo.com/"&gt;http://piczo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Placesite - Wi-fi portal &amp;amp; location communities. &lt;a href="http://www.placesite.com/"&gt;http://www.placesite.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Plum - Collect, share, connect. &lt;a href="http://www.plum.com/"&gt;http://www.plum.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Poddater - Create vodcast &amp; connect. &lt;a href="http://www.poddater.com/"&gt;http://www.poddater.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pooln - Schedule your car pooling. &lt;a href="http://www.pooln.com/"&gt;http://www.pooln.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Rabble - Create it &amp;amp; share it mobile. &lt;a href="http://www.rabble.com/"&gt;http://www.rabble.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tagalag - Tag &amp; map your contacts. &lt;a href="http://www.tagalag.com/"&gt;http://www.tagalag.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Theblackstripe - Upload &amp;amp; share photos. &lt;a href="http://www.theblackstripe.com/"&gt;http://www.theblackstripe.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tinfinger - Search persons. &lt;a href="http://www.tinfinger.com/"&gt;http://www.tinfinger.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;em&gt;Towncrossing - Find &amp; Link to Friends. &lt;/em&gt;&lt;a href="http://towncrossing.com/"&gt;&lt;em&gt;http://towncrossing.com/&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Twocrowds - Share &amp;amp; vote for predictions. &lt;a href="http://www.twocrowds.com/"&gt;http://www.twocrowds.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Vcarious - Travel community. &lt;a href="http://www.vcarious.com/"&gt;http://www.vcarious.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wallop - Phlog &amp; interact. &lt;a href="http://mywallop.com/"&gt;http://mywallop.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Xanga - Blog rings. &lt;a href="http://www.xanga.com/"&gt;http://www.xanga.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zaadz~ - Network of inspired people. &lt;a href="http://www.zaadz.com/"&gt;http://www.zaadz.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ziggs - Index of professionals. &lt;a href="http://www.ziggs.com/"&gt;http://www.ziggs.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zoominfo* - Search persons; create your own page. &lt;a href="http://www.zoominfo.com/"&gt;http://www.zoominfo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;CRM 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;24sevenoffice - Web-based crm &amp; erp. &lt;a href="http://www.24sevenoffice.com/"&gt;http://www.24sevenoffice.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Helpspot - Wen nased help desk software. &lt;a href="http://www.userscape.com/"&gt;http://www.userscape.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pushcrm - Web-based crm. &lt;a href="http://pushcrm.com/"&gt;http://pushcrm.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Simpleticket - Helpdesk solution. &lt;a href="http://www.simpleticket.net/"&gt;http://www.simpleticket.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Userscape - Web based help desk portal. &lt;a href="http://www.userscape.com/"&gt;http://www.userscape.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zohocrm - Web-based crm. &lt;a href="http://www.zohocrm.com/"&gt;http://www.zohocrm.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;DBASE 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Turbodbadmin - Online dbase in Ajax. &lt;a href="http://www.turboajax.com/turbodbadmin.html/"&gt;http://www.turboajax.com/turbodbadmin.html/&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;DESIGN 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Betterdesktop - Share usability tests. &lt;a href="http://www.betterdesktop.org/"&gt;http://www.betterdesktop.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Flickrlogomakr - Make Flickr-like logo in a second. &lt;a href="http://flickr.nosv.org/"&gt;http://flickr.nosv.org/&lt;/a&gt; ?(cf.       this group's logo).&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Netcocktail - Share color schemes. &lt;a href="http://www.netcocktail.com/"&gt;http://www.netcocktail.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Neurosky - Bionic interface technology. &lt;a href="http://www.neurosky.com/"&gt;http://www.neurosky.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;OK-cancel. Collaboration on interface design. &lt;a href="http://www.ok-cancel.com/"&gt;http://www.ok-cancel.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Typetester - Compare screen type. &lt;a href="http://www.typetester.maratz.com/"&gt;http://www.typetester.maratz.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wufoo - Build &amp;amp; host forms. &lt;a href="http://www.wufoo.com/"&gt;http://www.wufoo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;DICTIONARY 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Visualthesaurus - Find &amp; visualize synonyms. &lt;a href="http://www.visualthesaurus.com/"&gt;http://www.visualthesaurus.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;ECOMMERCE 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;12 Wists - Share shopping lists. &lt;a href="http://www.wists.com/"&gt;http://www.wists.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;43deals - Find best deals. &lt;a href="http://www.43deals.com/"&gt;http://www.43deals.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Adgenta - Add ads to your site, blog or rss feed. &lt;a href="http://www.adgenta.com/"&gt;http://www.adgenta.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Amazon* - Shop, sell, review &amp;amp; rank. &lt;a href="http://www.amazon.com/"&gt;http://www.amazon.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Auctionmapper - Map Ebay auctions. &lt;a href="http://www.auctionmapper.com/"&gt;http://www.auctionmapper.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bigcartel - Start, review &amp; recommend online shops. &lt;a href="http://bigcartel.com/"&gt;http://bigcartel.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blish - Buy &amp;amp; sell digital things. &lt;a href="http://www.blish.com/"&gt;http://www.blish.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Broadbandgenie - Find best provider. &lt;a href="http://www.broadbandgenie.co.uk/"&gt;http://www.broadbandgenie.co.uk/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Caf??press - Design, sell, buy. &lt;a href="http://www.cafepress.com/"&gt;http://www.cafepress.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Carbonmade - Publish &amp; manage your portfolio online. &lt;a href="http://www.carbonmade.com/"&gt;http://www.carbonmade.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Clipfire - Shop search engine &amp;amp; community. &lt;a href="http://www.clipfire.com/"&gt;http://www.clipfire.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Closo - Start &amp; advertise your online shop. &lt;a href="http://www.closo.com/"&gt;http://www.closo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Cooqy - Find things faster on Ebay (client). &lt;a href="http://www.cooqy.com/"&gt;http://www.cooqy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Coverpop - Mash-ups of everything. &lt;a href="http://www.coverpop.com/"&gt;http://www.coverpop.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Darmik - Sell &amp;amp; share profits with charities. &lt;a href="http://www.darmik.com/"&gt;http://www.darmik.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ebay* - Sell, rate &amp; buy; auction. &lt;a href="http://www.ebay.com/"&gt;http://www.ebay.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Etsy - Buy &amp; sell handmade things. &lt;a href="http://www.etsy.com/"&gt;http://www.etsy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Flyspy - Graph all of your choices in air travel. &lt;a href="http://www.flyspy.com/index.php/"&gt;http://www.flyspy.com/index.php/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Fotogopo - Animated local route map; Google Maps &amp; Geocoder mash-up. &lt;a href="http://www.fotogopo.com/"&gt;http://www.fotogopo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Froogle* - Local shopping search engine; Google Maps mash-up. &lt;a href="http://www.google.com/sellonfroogle/"&gt;http://www.google.com/sellonfroogle/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Garbagescout - Find treasures on NY streets; Google Maps mash-up. &lt;a href="http://www.garbagescout.com/"&gt;http://www.garbagescout.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gumshoo - Auction analyzer; Ebay mash-up. &lt;a href="http://www.gumshoo.com/"&gt;http://www.gumshoo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Hawkee - Tagged price comparison. &lt;a href="http://www.hawkee.com/"&gt;http://www.hawkee.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Homethinking - Search, find, contact &amp; review realtors. &lt;a href="http://www.homethinking.com/"&gt;http://www.homethinking.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Hotpads - Houses for rent. &lt;a href="http://hotpads.com/"&gt;http://hotpads.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Inods - Shopping review aggregator. &lt;a href="http://inods.com/"&gt;http://inods.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Insideflyer - Convert loyalty points. &lt;a href="http://insideflyer.com/"&gt;http://insideflyer.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Judysbook - Review &amp;amp; rate your neighbourhood. &lt;a href="http://www.judysbook.com/"&gt;http://www.judysbook.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Kayak Buzz - Find cheap destinations; Google Maps mash-up. &lt;a href="http://www.kayak.com/h/buzz/flights"&gt;http://www.kayak.com/h/buzz/flights&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Licketyship - Home-delivery supermarket; retail &amp; couriers co-operation. &lt;a href="http://www.licketyship.com/"&gt;http://www.licketyship.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Licketytrip - Last minute vacation rentals (map mash-up). &lt;a href="http://www.licketytrip.com/"&gt;http://www.licketytrip.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Lopico - Social business directory. &lt;a href="http://www.lopico.com/"&gt;http://www.lopico.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mapeire - User generated lowest price finder; Google Maps mash-up. &lt;a href="http://www.mapeire.com/"&gt;http://www.mapeire.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Motionmall - Design &amp; insert webads. &lt;a href="http://www.motionmall.com/"&gt;http://www.motionmall.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Paguna - Travel booking with 1 page Ajax interface. &lt;a href="https://www.paguna.com/"&gt;https://www.paguna.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Peerflix - List &amp;amp; trade DVDs. &lt;a href="http://www.peerflix.com/"&gt;http://www.peerflix.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pricenoia - Amazon price comparison. &lt;a href="http://www.pricenoia.com/"&gt;http://www.pricenoia.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Qoop - Publish &amp; sell photos &amp;amp; photo products. &lt;a href="http://www.qoop.com/"&gt;http://www.qoop.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Redtoucan - Share photos &amp; review products. &lt;a href="http://www.redtoucan.com/"&gt;http://www.redtoucan.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Reevoo - Review &amp;amp; buy electronics. &lt;a href="http://www.reevoo.com/"&gt;http://www.reevoo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Revver - Upload, share or sell your videos. &lt;a href="http://www.revver.com/"&gt;http://www.revver.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Savedsearchpro - Find Ebay deals easier. &lt;a href="http://www.savedsearchpro.com/"&gt;http://www.savedsearchpro.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Shoposphere* - Create &amp; share pick lists. &lt;a href="http://shopping.yahoo.com/shoposphere/"&gt;http://shopping.yahoo.com/shoposphere/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Site flavored Google* - Tailor adwords to your site. &lt;a href="http://www.google.com/services/siteflavored.html"&gt;http://www.google.com/services/siteflavored.html&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Sofortpreis - Mobile shopping assistent. &lt;a href="http://www.sofortpreis.de/"&gt;http://www.sofortpreis.de/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Souki~ - Local shop search. &lt;a href="http://www.souki.com/"&gt;http://www.souki.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Spymedia - Publish &amp;amp; sell news photos. &lt;a href="http://www.spymedia.com/"&gt;http://www.spymedia.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Stylehive - Get recommendations fitting your product interests. &lt;a href="http://www.shopify.com/"&gt;http://www.shopify.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tenbills - Design &amp; buy your T. &lt;a href="http://www.tenbills.com/"&gt;http://www.tenbills.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Thandora - Tag based search in yellow pages. &lt;a href="http://www.thandora.com/tagit.do/"&gt;http://www.thandora.com/tagit.do/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tictap - Price comparison for mobile. &lt;a href="http://www.tictap.com/"&gt;http://www.tictap.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tnook - Build, manage &amp;amp; trade your collections. &lt;a href="http://www.tnook.com/"&gt;http://www.tnook.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wazima - Coupon aggregator. &lt;a href="http://www.wazima.com/"&gt;http://www.wazima.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Web20milliondollarhomepage - Pixel ads. &lt;a href="http://www.web20milliondollarhomepage.com/"&gt;http://www.web20milliondollarhomepage.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wists - Social shopping. &lt;a href="http://www.wists.com/"&gt;http://www.wists.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wuraweb - Find local prices &amp; credentials. &lt;a href="http://www.wuraweb.com/"&gt;http://www.wuraweb.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;em&gt;Yelp - Find, review &amp;amp; discuss local restaurants etc.?&lt;/em&gt;&lt;a href="http://www.yelp.com/"&gt;&lt;em&gt;http://www.yelp.com/&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;em&gt;Yub - Meet, hang &amp; get discounts in shopping mall. &lt;/em&gt;&lt;a href="http://www.yub.com/mall/"&gt;&lt;em&gt;http://www.yub.com/mall/&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zazzle - Design, sell &amp;amp; buy custom goods. &lt;a href="http://www.zazzle.com/"&gt;http://www.zazzle.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zillow - Get your home valuated (map mash-up). &lt;a href="http://www.zillow.com/"&gt;http://www.zillow.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zipingo - Find local business based on community input. &lt;a href="http://www.zipingo.com/"&gt;http://www.zipingo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;ECONOMY 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Aidpage - People help people. &lt;a href="http://www.aidpage.com/"&gt;http://www.aidpage.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Associatedcontent - Produce &amp; publish content, get paid. &lt;a href="http://www.associatedcontent.com/"&gt;http://www.associatedcontent.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Billmonk - Manage debts. &lt;a href="https://www.billmonk.com/"&gt;https://www.billmonk.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Castingwords - Get your podcasts transcribed. &lt;a href="http://castingwords.com/"&gt;http://castingwords.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Couchsurfing* - Home swapping &amp;amp; holiday dating. &lt;a href="http://www.couchsurfing.com/"&gt;http://www.couchsurfing.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Daylo - Contribute to local yellow pages. &lt;a href="http://daylo.com/"&gt;http://daylo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Democracy2.0* - Consumers/Citizens unite! &lt;a href="http://d2.stevemagruder.com/hub.php"&gt;http://d2.stevemagruder.com/hub.php&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Donorschoose - Donate to schools. &lt;a href="http://www.donorschoose.org/"&gt;http://www.donorschoose.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Elevatorpitch - Upload, read &amp; rate pitches. &lt;a href="http://www.yourelevatorpitch.com/"&gt;http://www.yourelevatorpitch.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Fundable - Pledge for funding. &lt;a href="http://www.fundable.org/"&gt;http://www.fundable.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gather - Share passions &amp;amp; get paid. &lt;a href="http://gather.com/"&gt;http://gather.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Givebobadollar - Begging. &lt;a href="http://www.givebobadollar.com/"&gt;http://www.givebobadollar.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Givemeaning - Give or take fundraising community. &lt;a href="http://www.givemeaning.com/"&gt;http://www.givemeaning.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Givezilla - Create fundraising storefront. &lt;a href="http://www.givezilla.com/"&gt;http://www.givezilla.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Google answers - Get your questions answered for money. &lt;a href="http://answers.google.com/answers/"&gt;http://answers.google.com/answers/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ikarma - Document &amp; promote your reputation. &lt;a href="http://ikarma.com/"&gt;http://ikarma.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Lendmonkey - Trade everything. &lt;a href="http://www.lendmonkey.com/"&gt;http://www.lendmonkey.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Listsomething - Share any list to buy &amp;amp; sell things, services. &lt;a href="http://www.listsomething.com/"&gt;http://www.listsomething.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Milliondollarhomepage* - Buy pixels to finance study. &lt;a href="http://www.milliondollarhomepage.com/"&gt;http://www.milliondollarhomepage.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mturk - Complete simple tasks &amp; get paid. &lt;a href="http://www.mturk.com/mturk/welcome/"&gt;http://www.mturk.com/mturk/welcome/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Myfreelanceauction - Buy or sell web services. &lt;a href="http://myfreelanceauction.com/"&gt;http://myfreelanceauction.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Oolsi - Share links to free things. &lt;a href="http://www.oolsi.com/"&gt;http://www.oolsi.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Prosper - P2P lending. &lt;a href="http://www.prosper.com/"&gt;http://www.prosper.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Rawsugar - Social bookmarking directory &amp;amp; revenue sharing. &lt;a href="http://www.rawsugar.com/"&gt;http://www.rawsugar.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Secondlifeboutique - Buy real things with virtuaa money. &lt;a href="http://slboutique.com/"&gt;http://slboutique.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Smarkets - Stock markets for products. &lt;a href="http://www.smarkets.net/"&gt;http://www.smarkets.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Smashmyviper - Buy pixels to destroy car. &lt;a href="http://www.smashmyviper.com/"&gt;http://www.smashmyviper.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Stuffopolis - Keep track of things you lend or borrow. &lt;a href="http://www.stuffopolis.com/"&gt;http://www.stuffopolis.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Swabba - Online garage sale (German). &lt;a href="http://www.swabba.de/"&gt;http://www.swabba.de/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zopa - P2P banking services. &lt;a href="http://www.zopa.com/"&gt;http://www.zopa.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;E-LEARNING 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Elgg - Open source e-learning software. &lt;a href="http://elgg.org/"&gt;http://elgg.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Nuvvo - On demand elearning. &lt;a href="http://www.nuvvo.com/"&gt;http://www.nuvvo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;EMAIL 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Dropsend - Email large files. &lt;a href="http://www.dropsend.com/"&gt;http://www.dropsend.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mail2RSS - Inmail2RSS. &lt;a href="http://www.mail2rss.org/"&gt;http://www.mail2rss.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Myemail - Check email anywhere. &lt;a href="http://myemail.com/"&gt;http://myemail.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Newsletterarchive* - Store &amp; share your newsletters. &lt;a href="http://www.newsletterarchive.org/"&gt;http://www.newsletterarchive.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Onesens - Send teasing webmail messages. &lt;a href="http://www.onesens.com/"&gt;http://www.onesens.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Quickmail - Email2RSS. &lt;a href="http://quickmail.johanfitie.com/"&gt;http://quickmail.johanfitie.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Sendspace - Email large files. &lt;a href="http://www.sendspace.com/"&gt;http://www.sendspace.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tempinbox - Receive inmail anonymously. &lt;a href="http://www.tempinbox.com/"&gt;http://www.tempinbox.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Trustmymail - Spam filter based on your circle of contacts. &lt;a href="http://www.trustmymail.com/"&gt;http://www.trustmymail.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Yousendit - Email large files. &lt;a href="http://www.yousendit.com/"&gt;http://www.yousendit.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Irows - Web based spreadsheet. &lt;a href="http://www.irows.com/"&gt;http://www.irows.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Numbler - Excel spreadsheet online. &lt;a href="http://numbler.com/"&gt;http://numbler.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Numsum - Collaborate online on spreadsheets. &lt;a href="http://numsum.com/"&gt;http://numsum.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Sundera - Collaborate online on spreadsheets. &lt;a href="http://www.sundera.com/"&gt;http://www.sundera.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;FILESHARING 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Bittorrent - Share files &amp;amp; bandwidth. &lt;a href="http://www.bittorrent.com/"&gt;http://www.bittorrent.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Civilnetizen - File swapping. &lt;a href="http://www.civilnetizen.com/"&gt;http://www.civilnetizen.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Lphanr - Multi compatible P2P file sharing. &lt;a href="http://www.lphant.com/"&gt;http://www.lphant.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;FINANCIALS 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Blinksale - Web-based invoicing. &lt;a href="http://www.blinksale.com/"&gt;http://www.blinksale.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dimewise - Manage your finances. &lt;a href="http://www.dimewise.com/"&gt;http://www.dimewise.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Frugalbetty - Manage your spendings. &lt;a href="http://frugalbetty.com/"&gt;http://frugalbetty.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ioweyou - Manage loans &amp; shared expenses. &lt;a href="http://www.ioweyou.co.uk/"&gt;http://www.ioweyou.co.uk/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Networthiq - Track, share &amp;amp; compare your net worth. &lt;a href="http://www.networthiq.com/"&gt;http://www.networthiq.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Secondsite - Web-based invoicing. &lt;a href="http://www.secondsite.biz/"&gt;http://www.secondsite.biz/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Secondssite. Finance tools. &lt;a href="http://www.secondsite.biz/"&gt;http://www.secondsite.biz/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;FUN 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Beggr - Give me your money. &lt;a href="http://www.beggr.com/"&gt;http://www.beggr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Web2.0validator - Screen your website on 2.0-ishness. &lt;a href="http://web2.0validator.com/"&gt;http://web2.0validator.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;GAMBLING 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Poserfish - P2P betting, free. &lt;a href="http://www.poserfish.com/"&gt;http://www.poserfish.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;GAMES 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Alexadex* - Buy &amp; sell shares in sites. Alexa mash-up. &lt;a href="http://alexadex.com/ad/"&gt;http://alexadex.com/ad/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Arcaplay - Rate &amp;amp; share games. &lt;a href="http://arcaplay.com/"&gt;http://arcaplay.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Averageshoveler - Game &amp; RSS news mash-up. &lt;a href="http://www.zanni.org/average.htm"&gt;http://www.zanni.org/average.htm&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bliss - Customize game to couple’s needs. &lt;a href="http://www.gamesforloving.com/"&gt;http://www.gamesforloving.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bunchball - Play games with your friends. &lt;a href="http://www.bunchball.com/"&gt;http://www.bunchball.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Fastr - Guess game; Flickr mash-up. - &lt;a href="http://randomchaos.com/games/fastr/"&gt;http://randomchaos.com/games/fastr/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gibbity - Contribute &amp; review games. &lt;a href="http://www.gibbity.com/"&gt;http://www.gibbity.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Guess-the-google - Guess game; Google mash-up. &lt;a href="http://grant.robinson.name/projects/guess-the-google/"&gt;http://grant.robinson.name/projects/guess-the-google/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Imstar - IM &amp; game with your 3D avatar. &lt;a href="http://imstar.com/"&gt;http://imstar.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ispott - Mobile treasure hunt. &lt;a href="http://www.ispott.com/"&gt;http://www.ispott.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Llor - Build your street. &lt;a href="http://www.llor.nu/"&gt;http://www.llor.nu/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Memory - Memory + Yahoo images mash-up. &lt;a href="http://bryngfors.com/index.php?page_id=10"&gt;http://bryngfors.com/index.php?page_id=10&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Millionsofgames - Review &amp;amp; share games. &lt;a href="http://www.millionsofgames.com/"&gt;http://www.millionsofgames.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Montage-a-google - Tag based random photo montage; Google mash-up. &lt;a href="http://grant.robinson.name/projects/montage-a-google/"&gt;http://grant.robinson.name/projects/montage-a-google/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Multitap - Share, rate, discuss &amp; categorize screenshots. &lt;a href="http://multitap.net/"&gt;http://multitap.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Naughtyamerica* - Multiplayer video sexgame. &lt;a href="http://www.naughtyamericathegame.com/"&gt;http://www.naughtyamericathegame.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Phrasr - Add photos to phrases; Flickr mash-up. &lt;a href="http://www.pimpampum.net/phrasr/"&gt;http://www.pimpampum.net/phrasr/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Spell with Flickr - Spell names with photos; Flickr mash-up. &lt;a href="http://metaatem.net/words/"&gt;http://metaatem.net/words/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;HOSTING 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;30gigs - Store your data. &lt;a href="http://www.30gigs.com/"&gt;http://www.30gigs.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;4shared - Upload &amp; share files. &lt;a href="http://4shared.com/"&gt;http://4shared.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Allmydata - Store &amp;amp; share your data. &lt;a href="http://www.allmydata.com/"&gt;http://www.allmydata.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bolt - Watch, upload &amp; share media. &lt;a href="http://www.bolt.com/"&gt;http://www.bolt.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Box - Store &amp;amp; share data. &lt;a href="http://www.box.net/"&gt;http://www.box.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bryght - Create &amp; maintain a community. &lt;a href="http://www.bryght.com/"&gt;http://www.bryght.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gdisk - Hosting thru Gmail. &lt;a href="http://gdisk.sourceforge.net/"&gt;http://gdisk.sourceforge.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Grokthis - Aplication hosting. &lt;a href="http://www.grokthis.net/"&gt;http://www.grokthis.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Hula - Manage calendars &amp;amp; email. &lt;a href="http://www.hula-project.org/"&gt;http://www.hula-project.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Joyent - ASP hosting of email, calendars, contacts… &lt;a href="http://www.joyent.com/"&gt;http://www.joyent.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mailbigfile - Mail large files. &lt;a href="http://www.mailbigfile.com/"&gt;http://www.mailbigfile.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mozy - Upload &amp; backup your files. &lt;a href="http://www.mozy.com/"&gt;http://www.mozy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Multiply - Store, share &amp;amp; discuss your data. &lt;a href="http://multiply.com/"&gt;http://multiply.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Omnidrive - Store &amp; access data. &lt;a href="http://www.omnidrive.com.au/"&gt;http://www.omnidrive.com.au/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Openomy - Upload your files &amp;amp; use extra apps. &lt;a href="http://www.openomy.com/"&gt;http://www.openomy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ourmedia - Store &amp; share data. &lt;a href="http://www.ourmedia.org/"&gt;http://www.ourmedia.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pando* - Store &amp;amp; share data. &lt;a href="http://www.pando.com/"&gt;http://www.pando.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Putfwd - Store &amp; exchange data. &lt;a href="http://www.putfwd.com/"&gt;http://www.putfwd.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Railsbase - Application hosring (Ruby-based). &lt;a href="http://railsbase.com/"&gt;http://railsbase.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Smartimagine - Store &amp;amp; manage your image &amp; media files. &lt;a href="http://smartimagine.com/"&gt;http://smartimagine.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Sproutit - Manage your email - &lt;a href="http://www.sproutit.com/"&gt;http://www.sproutit.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Store &amp;amp; share audio, video, clippings. &lt;a href="http://www.esnips.com/"&gt;http://www.esnips.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Strongspace - Upload, store, back-up &amp; share your files. &lt;a href="http://www.strongspace.com/"&gt;http://www.strongspace.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;TextDrive - Hosted applications. &lt;a href="http://www.textdrive.com/"&gt;http://www.textdrive.com/&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;em&gt;Vast – Build and Augment Your Own Services. &lt;/em&gt;&lt;a href="http://vast.com/contact/api.htm"&gt;&lt;em&gt;http://vast.com/contact/api.htm&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Xdrive - Store &amp;amp; share your data. &lt;a href="http://www.xdrive.com/"&gt;http://www.xdrive.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Xmailharddrive - Store data thru Gmail. &lt;a href="http://www.xmailharddrive.com/"&gt;http://www.xmailharddrive.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zingee - Store &amp; share files. &lt;a href="http://www.zingee.com/"&gt;http://www.zingee.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;IDENTITY 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Calaimid - Manage your online identity. &lt;a href="http://claimid.com/"&gt;http://claimid.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Myme - Create your online avatar. &lt;a href="http://www.my-me.com/"&gt;http://www.my-me.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Sxip - Control personal digital identity. &lt;a href="http://www.sxip.com/"&gt;http://www.sxip.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;IMAGES 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;23hq - Store, share &amp;amp; manage photos. &lt;a href="http://www.23hq.com/"&gt;http://www.23hq.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Danbooru - Upload, tage &amp; share images. &lt;a href="http://danbooru.donmai.us/"&gt;http://danbooru.donmai.us/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dropshots - Upload &amp;amp; share photos &amp; video. &lt;a href="http://www.dropshots.com/"&gt;http://www.dropshots.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Flappr - Search pictures; Flickr mash-up. &lt;a href="http://bcdef.org/flappr/"&gt;http://bcdef.org/flappr/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Flickr - Upload &amp; share photos. &lt;a href="http://www.flickr.com/"&gt;http://www.flickr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Flickr photo finder - Find &amp;amp; publish photos. &lt;a href="http://www.wynia.org/experiments/phpflickr/"&gt;http://www.wynia.org/experiments/phpflickr/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Flickr* - Manage &amp; share your photos. &lt;a href="http://www.flickr.com/"&gt;http://www.flickr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;em&gt;Flickrfling - RSS feeds &amp;amp; Flickr mash-up. &lt;/em&gt;&lt;a href="http://www.nastypixel.com/prototype/?p=80"&gt;&lt;em&gt;http://www.nastypixel.com/prototype/?p=80&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Flickrlicious. Share Babes on Flickr. &lt;a href="http://www.flickrlicio.us/"&gt;http://www.flickrlicio.us/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Flyinside - Create, publish &amp; share virtual photo tours. &lt;a href="http://www.flyinside.com/"&gt;http://www.flyinside.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Fotki - Upload, share, print photos. &lt;a href="http://www.fotki.com/"&gt;http://www.fotki.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Fotoflix - Upload &amp;amp; share photos. &lt;a href="http://www.fotoflix.com/"&gt;http://www.fotoflix.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Fotolia* - Buy &amp; sell images. &lt;a href="http://www.fotolia.com/"&gt;http://www.fotolia.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Fotolog - Create &amp;amp; map your phlog. &lt;a href="http://www.fotolog.com/"&gt;http://www.fotolog.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Groupr - Groups photos from Flickr groups. &lt;a href="http://groupr.200ok.net/"&gt;http://groupr.200ok.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Illhostit - Host your images. &lt;a href="http://www.illhostit.com/"&gt;http://www.illhostit.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Istockphoto - Buy &amp; sell images. &lt;a href="http://www.istockphoto.com/index.php"&gt;http://www.istockphoto.com/index.php&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Jellybarn - Upload, edit, manage, share your photos. &lt;a href="http://www.jellybarn.com/"&gt;http://www.jellybarn.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ondergrond~ - Upload photos of public art. &lt;a href="http://www.ondergrond.org/"&gt;http://www.ondergrond.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Phlog~ - Upload &amp;amp; share photos. &lt;a href="http://phlog.net/"&gt;http://phlog.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Photobloggr - Find tags on name; Flickr mash-up. &lt;a href="http://photobloggr.com/"&gt;http://photobloggr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Photobucket - Upload, publish &amp; share photos. &lt;a href="http://www.photobucket.com/"&gt;http://www.photobucket.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Photomap - Add photos to locations; multi mash-up. &lt;a href="http://photomap.mozdev.org/"&gt;http://photomap.mozdev.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Picturecloud - 360o view on your pics. &lt;a href="http://www.picturecloud.com/"&gt;http://www.picturecloud.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pixagogo - Upload, manage &amp; share photos. &lt;a href="http://www.pixagogo.com/"&gt;http://www.pixagogo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Sharpcast - Manage your mobile photos online. &lt;a href="http://sharpcast.com/"&gt;http://sharpcast.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Shutterbook - Store &amp;amp; share photos. &lt;a href="http://www.shutterbook.com/"&gt;http://www.shutterbook.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Shutterfly - Store, share &amp; print photos. &lt;a href="http://www.shutterfly.com/"&gt;http://www.shutterfly.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Slide* - Upload &amp;amp; share photos. &lt;a href="http://www.slide.com/"&gt;http://www.slide.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Slidestory - Publish stories with photo slideshows. &lt;a href="http://www.slidestory.com/"&gt;http://www.slidestory.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Smilebox - Pimp up your photo presentation. &lt;a href="http://www.smilebox.com/"&gt;http://www.smilebox.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Smugmug - Store &amp; share photos. &lt;a href="http://www.smugmug.com/"&gt;http://www.smugmug.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tagworld - Store &amp;amp; share photos. &lt;a href="http://www.tagworld.com/"&gt;http://www.tagworld.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;em&gt;Tickr - Flickr desktop ticker. &lt;/em&gt;&lt;a href="http://www.stuffonfire.com/2006/01/tickr_for_flickr_10_v6.html"&gt;&lt;em&gt;http://www.stuffonfire.com/2006/01/tickr_for_flickr_10_v6.html&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zooomr. Search photos in many languages. &lt;a href="http://beta.zooomr.com/home"&gt;http://beta.zooomr.com/home&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zoto - Uload, phlog &amp; share. &lt;a href="http://www.zoto.com/"&gt;http://www.zoto.com/&lt;/a&gt;?&lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;IMAGING 2.0&lt;/p&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Colorblender - Color picker &amp;amp; matcher. &lt;a href="http://www.colorblender.com/"&gt;http://www.colorblender.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Colorcell - Find beautiful color combinations. &lt;a href="http://colorcell.uneven.org/"&gt;http://colorcell.uneven.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Colr* - Play with color photos &amp; publish results. &lt;a href="http://www.colr.org/"&gt;http://www.colr.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Colrpickr - Color picker. &lt;a href="http://krazydad.com/colrpickr/"&gt;http://krazydad.com/colrpickr/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Epassportphoto - Upload, manipulate, download your photo. &lt;a href="http://www.epassportphoto.com/"&gt;http://www.epassportphoto.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Flashpaint - Draw &amp;amp; share pictures. &lt;a href="http://www.flashpaint.com/"&gt;http://www.flashpaint.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Flowermaker - Design flowers. &lt;a href="http://www.zefrank.com/flowers/"&gt;http://www.zefrank.com/flowers/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gliffy - Draw &amp; share diagrams. &lt;a href="http://www.gliffy.com/"&gt;http://www.gliffy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Imageeditor - Edit your images online. &lt;a href="http://www.imageeditor.net/"&gt;http://www.imageeditor.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Photostack - Manage images (Ajax). &lt;a href="http://www.photostack.org/"&gt;http://www.photostack.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Picasa - Find, edit &amp;amp; share photos. &lt;a href="http://picasa.google.com/"&gt;http://picasa.google.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Picturecloud - 360o view on your pics. &lt;a href="http://www.picturecloud.com/"&gt;http://www.picturecloud.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pixelgroup - Draw anything with others. &lt;a href="http://blog.outer-court.com/pixel/"&gt;http://blog.outer-court.com/pixel/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pxn8 - Manipulate &amp; publish your photos. &lt;a href="http://www.pxn8.com/"&gt;http://www.pxn8.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Rasterbator - Creates rasterized images. &lt;a href="http://homokaasu.org/rasterbator/"&gt;http://homokaasu.org/rasterbator/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Smilebox - Pimp up your photo presentation. &lt;a href="http://www.smilebox.com/"&gt;http://www.smilebox.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Textorizer - Image2Text. &lt;a href="http://textorizer.whatfettle.com/"&gt;http://textorizer.whatfettle.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Webimager - Capture screens &amp;amp; upload them to Flickr. &lt;a href="http://phpspot.net/php/flickr/"&gt;http://phpspot.net/php/flickr/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;JOBS 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Bixee - Job finder. &lt;a href="http://www.bixee.com/"&gt;http://www.bixee.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Glendor - Job finder; map mash-up. &lt;a href="http://www.glendor.com/"&gt;http://www.glendor.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Indeed - Finds jobs on what &amp; where. &lt;a href="http://www.indeed.com/"&gt;http://www.indeed.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Jobazaar - Tagged job offerings. &lt;a href="http://www.jobazaar.com/"&gt;http://www.jobazaar.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pagebites - Resume search. &lt;a href="http://www.pagebites.com/"&gt;http://www.pagebites.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Sidejobtrack - Job tracker. &lt;a href="http://www.sidejobtrack.com/"&gt;http://www.sidejobtrack.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Simplyhired - Local job search. &lt;a href="http://www.simplyhired.com/"&gt;http://www.simplyhired.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Simplyhired - Search biggest jobs dbase. &lt;a href="http://www.simplyhired.com/"&gt;http://www.simplyhired.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Yorz - Join group, upload resume. &lt;a href="http://www.yorz.com/"&gt;http://www.yorz.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;KNOWLEDGE 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Blinkbits - Share knowledge. &lt;a href="http://www.blinkbits.com/"&gt;http://www.blinkbits.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Brainreactions - Participate in brainstorms &amp;amp; share ideas. &lt;a href="http://www.brainreactions.net/"&gt;http://www.brainreactions.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Copyscape - Manage rights online. &lt;a href="http://www.copyscape.com/"&gt;http://www.copyscape.com/&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Echosign - Contract management. &lt;a href="http://www.echosign.com/public/compose"&gt;http://www.echosign.com/public/compose&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Grokker - Enterprise search &amp; knowledge management. &lt;a href="http://www.grokker.com/"&gt;http://www.grokker.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Hanzoweb - Bookmark, tag &amp;amp; share knowledge online. &lt;a href="http://hanzoweb.com/"&gt;http://hanzoweb.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Jots - Information sharing. &lt;a href="http://www.jots.com/"&gt;http://www.jots.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Kaboodle - Information sharing. &lt;a href="http://www.kaboodle.com/"&gt;http://www.kaboodle.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Oyogi - Share Q&amp;A. &lt;a href="http://www.oyogi.com/"&gt;http://www.oyogi.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Postgenomic* - Share &amp;amp; rank life science knowledge. &lt;a href="http://www.postgenomic.com/"&gt;http://www.postgenomic.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pubsub - Match your interests with new info. &lt;a href="http://www.pubsub.com/"&gt;http://www.pubsub.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Root/vaults* - Store, manage &amp; share knowledge online. &lt;a href="http://www.root.net/vaults/"&gt;http://www.root.net/vaults/&lt;/a&gt; ?&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Squidoo - Share knowledge. &lt;a href="http://www.squidoo.com/"&gt;http://www.squidoo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tractis - Negotiate &amp;amp; sign contract, solve disputes online. &lt;a href="http://www.tractis.com/"&gt;http://www.tractis.com/&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wondir - Share Q&amp;A. &lt;a href="http://www.wondir.com/"&gt;http://www.wondir.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Yahooanswers - Share Q&amp;amp;A. &lt;a href="http://answers.yahoo.com/"&gt;http://answers.yahoo.com/&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;LISTS 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;43Things - Publish, share, find your goals. &lt;a href="http://www.43things.com/"&gt;http://www.43things.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Giftbox - List &amp; manage gifts. &lt;a href="http://www.giftboxhome.com/"&gt;http://www.giftboxhome.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Greedyme - List &amp;amp; share your wishes. &lt;a href="http://www.greedyme.com/"&gt;http://www.greedyme.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Metawishlist - List &amp; share your wishes. &lt;a href="http://www.metawishlist.com/"&gt;http://www.metawishlist.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Myprogs - List &amp;amp; find software. &lt;a href="http://myprogs.net/"&gt;http://myprogs.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;MAPPING 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Bittercyclist - Bicycle accident map &amp; community; map mash-up &lt;a href="http://www.bittercyclist.com/"&gt;http://www.bittercyclist.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Chicagocrime - Crime dbase map mash-up. &lt;a href="http://www.chicagocrime.org/"&gt;http://www.chicagocrime.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedmap - Map your blogs. &lt;a href="http://www.feedmap.net/"&gt;http://www.feedmap.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Flashearth - Global maps mash-up in flash. &lt;a href="http://www.flashearth.com/"&gt;http://www.flashearth.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Flickrmap - Map Flickr photos. &lt;a href="http://www.flickrmap.com/"&gt;http://www.flickrmap.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gchart - Check local time globally. &lt;a href="http://www.gchart.com/"&gt;http://www.gchart.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Google Earth* - Global maps. &lt;a href="http://earth.google.com/"&gt;http://earth.google.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Googlemaps - Check local things globally. &lt;a href="http://maps.google.com/"&gt;http://maps.google.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gvisit - Map your site visitors. &lt;a href="http://www.gvisit.com/"&gt;http://www.gvisit.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Locallive - Windows maps. &lt;a href="http://local.live.com/"&gt;http://local.live.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Map builder - Mash-up your own maps. &lt;a href="http://www.mapbuilder.net/"&gt;http://www.mapbuilder.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Map24 - Route finder; 3D. &lt;a href="http://www.nl.map24.com/"&gt;http://www.nl.map24.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mapbuilder - Mash-up your own maps. &lt;a href="http://www.mapbuilder.net/"&gt;http://www.mapbuilder.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mappr - Map Flickr photos per tag. &lt;a href="http://www.mappr.com/"&gt;http://www.mappr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Panoramio - Share mapped photos. &lt;a href="http://www.panoramio.com/"&gt;http://www.panoramio.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pervwatch - Perv mash-up. &lt;a href="http://www.pervwatch.org/"&gt;http://www.pervwatch.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pheromonetrail - Share places &amp; sites &amp;amp; persons. &lt;a href="http://www.pheromonetrail.com/"&gt;http://www.pheromonetrail.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Placeopedia - Wiki + Google maps mash-up. &lt;a href="http://www.placeopedia.com/"&gt;http://www.placeopedia.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Planiglobe - Create your own map. &lt;a href="http://www.planiglobe.com/"&gt;http://www.planiglobe.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Platial - Co-create atlas &amp; share places. &lt;a href="http://platial.com/"&gt;http://platial.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Plazes* - Share locations &amp;amp; discover people. &lt;a href="http://www.plazes.com/"&gt;http://www.plazes.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Powermap - Next level Google maps. &lt;a href="http://hobbiton.thisside.net/advmap.html/"&gt;http://hobbiton.thisside.net/advmap.html/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Publicloos - Share public toilets. &lt;a href="http://paul.kedrosky.com/publicloos/"&gt;http://paul.kedrosky.com/publicloos/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tagzania - Share &amp; map places. &lt;a href="http://www.tagzania.com/"&gt;http://www.tagzania.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Toeat - Map &amp;amp; share restaurants. &lt;a href="http://www.toeat.com/"&gt;http://www.toeat.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tripmojo - Map &amp; share hotels. &lt;a href="http://www.tripmojo.com/"&gt;http://www.tripmojo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Vlogmap. Map your vlog. &lt;a href="http://www.vlogmap.org/"&gt;http://www.vlogmap.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wayfaring - Create &amp;amp; share your maps. &lt;a href="http://www.wayfaring.com/"&gt;http://www.wayfaring.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Web20map - Web 2.0 companies on map mash-up. &lt;a href="http://www.fourio.com/web20map/"&gt;http://www.fourio.com/web20map/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Yahoo maps* - Global &amp; local maps &amp;amp; search mash-ups. &lt;a href="http://maps.yahoo.com/beta/"&gt;http://maps.yahoo.com/beta/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;MARKETING 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Alexscoupons - Find coupon deals. &lt;a href="http://www.alexscoupons.com/"&gt;http://www.alexscoupons.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Attentiontrust - Advertising based on mutual understanding. &lt;a href="http://www.attentiontrust.org/"&gt;http://www.attentiontrust.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Cafespot - Social guide to cafes, restaurants, etc. &lt;a href="http://www.cafespot.net/"&gt;http://www.cafespot.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Coastr - List &amp; share your beers and beer places. &lt;a href="http://www.coastr.com/"&gt;http://www.coastr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dropcash - Create &amp;amp; manage online fundraiser. &lt;a href="http://www.dropcash.com/"&gt;http://www.dropcash.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Edgeio - Find classified listings, publish your own. &lt;a href="http://www2.edgeio.com/"&gt;http://www2.edgeio.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Fruitcast - Podcast advertizing network. &lt;a href="http://www.fruitcast.com/"&gt;http://www.fruitcast.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Jigsaw - Subscribe, buy, sell sales contacts. &lt;a href="http://www.jigsaw.com/"&gt;http://www.jigsaw.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Kanoodle - Sponsored links services. &lt;a href="http://www.kanoodle.com/"&gt;http://www.kanoodle.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;em&gt;Knowmore - Consumers unite! &lt;/em&gt;&lt;a href="http://www.knowmore.org/"&gt;&lt;em&gt;http://www.knowmore.org/&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Linklike - Link exchange. &lt;a href="http://www.linklike.com/"&gt;http://www.linklike.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;My-brand - Manage online advertising online. &lt;a href="http://mybrand.ads-click.net/"&gt;http://mybrand.ads-click.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Podtrac - Advertise in podcasts. &lt;a href="http://www.podtrac.com/"&gt;http://www.podtrac.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;PSFK - Share trends watched. &lt;a href="http://www.psfk.com/"&gt;http://www.psfk.com&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Rbloc - Sell, buy &amp; meet auction market place. &lt;a href="http://www.rbloc.com/"&gt;http://www.rbloc.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Riffs - Review &amp;amp; recommendation community. &lt;a href="http://www.riffs.com/"&gt;http://www.riffs.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Root* - Trading platform for realtime consumer data. &lt;a href="http://www.root.net/"&gt;http://www.root.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Spotrunner - Recycle, recreate &amp; air tv ads. &lt;a href="http://www.spotrunner.com/"&gt;http://www.spotrunner.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tagged business directory. &lt;a href="http://www.tagdirectory.net/"&gt;http://www.tagdirectory.net&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tagyu - Tag-based advertizing. &lt;a href="http://www.tagyu.com/"&gt;http://www.tagyu.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Theadcloud* - Create &amp;amp; tag classified listings. &lt;a href="http://www.theadcloud.com/"&gt;http://www.theadcloud.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Thisplaceiknow - Share places. &lt;a href="http://www.thisplaceiknow.com/"&gt;http://www.thisplaceiknow.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Titlez - Get publishing market data from Amazon. &lt;a href="http://www.titlez.com/"&gt;http://www.titlez.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Web marketing 2.0 - Wiki on Marketing 2.0. &lt;a href="http://www.webmarketing20.com/"&gt;http://www.webmarketing20.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wikicompany - Social business directory. &lt;a href="http://wikicompany.org/"&gt;http://wikicompany.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wordofblog - Spread the word for good causes. &lt;a href="http://www.wordofblog.net/"&gt;http://www.wordofblog.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Yellowikis - Social business directory. &lt;a href="http://www.yellowikis.org/"&gt;http://www.yellowikis.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zoomtags - Tag cloud based affiliate network. &lt;a href="http://www.zoomtags.com/"&gt;http://www.zoomtags.com/&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;MEMO 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Bitbomb - Web2sms reminders. &lt;a href="http://bitbomb.com/"&gt;http://bitbomb.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Femo - Tag &amp; share memos online. &lt;a href="http://femo.nomadscafe.jp/"&gt;http://femo.nomadscafe.jp/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Jotcloud - Leave notes on websites. &lt;a href="http://www.jotcloud.com/"&gt;http://www.jotcloud.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Loopnote - Notification webware. &lt;a href="http://loopnote.com/"&gt;http://loopnote.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mystickies* - Browse, search, sort &amp;amp; edit notes online. &lt;a href="http://www.mystickies.com/"&gt;http://www.mystickies.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pianist - Memo manager online. &lt;a href="http://pianist.publicbeta.jp/app/"&gt;http://pianist.publicbeta.jp/app/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Reminderfeed - Send reminders to your feed reader. &lt;a href="http://www.reminderfeed.com/"&gt;http://www.reminderfeed.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Webnote - Make &amp; share notes. &lt;a href="http://www.aypwip.org/webnote/"&gt;http://www.aypwip.org/webnote/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zohoplanner - Create &amp;amp; share memo’s &amp; notes online. &lt;a href="http://www.zohoplanner.com/"&gt;http://www.zohoplanner.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;MULTIMEDIA 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;360yahoo - Blogging. Tagging. Share Photos. Social Networking: &lt;a href="http://360.yahoo.com/"&gt;http://360.yahoo.com/&lt;/a&gt; (Submitted       by Britta Harting).&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Avidbeauty - Share photos &amp;amp; sounds. &lt;a href="http://www.avidbeauty.com/"&gt;http://www.avidbeauty.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Broadsnatch - Share multimedia. &lt;a href="http://www.broadsnatch.com/"&gt;http://www.broadsnatch.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bubbleshare - Phlog, share, add audio captions. &lt;a href="http://www.bubbleshare.com/"&gt;http://www.bubbleshare.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Buzznet - Share videos &amp; photos. &lt;a href="http://www.buzznet.com/"&gt;http://www.buzznet.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Castpost - Upload &amp;amp; share your av clips. &lt;a href="http://www.castpost.com/"&gt;http://www.castpost.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Comagz - Cocreate &amp; rate content. &lt;a href="http://www.comagz.com/"&gt;http://www.comagz.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Everybit - Share your media. &lt;a href="http://www.everybit.com/"&gt;http://www.everybit.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Fireant - Upload &amp;amp; share multimedia. &lt;a href="http://www.fireant.tv/"&gt;http://www.fireant.tv/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Glide - Upload &amp; share multimedia. &lt;a href="http://glidedigital.com/"&gt;http://glidedigital.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Grouper - Upload, create &amp;amp; share media. &lt;a href="http://www.grouper.com/"&gt;http://www.grouper.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Hackoff*** - Book published as blog &amp; podcast. &lt;a href="http://www.hackoff.com/"&gt;http://www.hackoff.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Junklog - Rate, review &amp;amp; share media. &lt;a href="http://junklog.com/"&gt;http://junklog.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Kaneva - Digital entertainment marketplace. &lt;a href="http://www.kaneva.com/"&gt;http://www.kaneva.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;LifeLogger - Share audio, video &amp; photos. &lt;a href="http://www.lifelogger.com/"&gt;http://www.lifelogger.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Listal - List &amp;amp; share all your media. &lt;a href="http://www.listal.com/"&gt;http://www.listal.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Livelocker - Link to, rate &amp; share multimedia. &lt;a href="http://www.livelocker.com/"&gt;http://www.livelocker.com/&lt;/a&gt; ?(Submitted       by Norbert Schuler).&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Loomia - Folksonomied media search. &lt;a href="http://www.loomia.com/"&gt;http://www.loomia.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Lulu - Publish &amp;amp; sell your content. &lt;a href="http://www.lulu.com/"&gt;http://www.lulu.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Magnoto - Phlog &amp; blog. &lt;a href="http://www.magnoto.com/"&gt;http://www.magnoto.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;MediaMax - Store, manage &amp;amp; share media. &lt;a href="https://mediamax.streamload.com/"&gt;https://mediamax.streamload.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Myvideokaraoke - Sing &amp; share your song on video. &lt;a href="http://www.myvideokaraoke.com/"&gt;http://www.myvideokaraoke.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Orb - Stream your media, wherever. &lt;a href="http://www.orb.com/"&gt;http://www.orb.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Phanfare - Upload &amp;amp; share photos &amp; videos. &lt;a href="http://www.phanfare.com/"&gt;http://www.phanfare.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Picpix - Upload &amp;amp; share photos &amp; videos. &lt;a href="http://www.picpix.com/"&gt;http://www.picpix.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pixpulse - Upload &amp;amp; share photos and videos on your mobile. &lt;a href="http://www.pixpulse.com/"&gt;http://www.pixpulse.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Quizilla - Create &amp; share content. &lt;a href="http://quizilla.com/"&gt;http://quizilla.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Shozu - Upload &amp;amp; share photos, videos &amp; text on your mobile. &lt;a href="http://www.shozu.com/"&gt;http://www.shozu.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Songbird - Media player &amp;amp; web browser. &lt;a href="http://www.songbirdnest.com/"&gt;http://www.songbirdnest.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Sonr - Track media &amp; media users. &lt;a href="http://sonr.net/beta/"&gt;http://sonr.net/beta/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Streamdrive - Upload &amp;amp; share multimedia. &lt;a href="http://www.streamdrive.com/"&gt;http://www.streamdrive.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Streamload - Store &amp; share your media. &lt;a href="http://www.sendspace.com/"&gt;http://www.sendspace.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Strmz - Clip &amp;amp; share tv &amp; video. &lt;a href="http://strmz.jot.com/"&gt;http://strmz.jot.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Swagroll - List &amp;amp; share all your media. &lt;a href="http://swagroll.com/"&gt;http://swagroll.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Totoexpress - Hoste, collaborate on, share &amp; deliver content. &lt;a href="http://www.totoexpress.com/"&gt;http://www.totoexpress.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Vidilife - Upload &amp;amp; share media. &lt;a href="http://www.vidilife.com/"&gt;http://www.vidilife.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Yiibu - Remix, adapt, expand, share &amp; sell content. &lt;a href="http://yiibu.com/"&gt;http://yiibu.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;NEWS 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;180n. Choose what's news. &lt;a href="http://www.180n.com/"&gt;http://www.180n.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Backfence - Publish &amp;amp; share community news. &lt;a href="http://www.backfence.com/"&gt;http://www.backfence.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bandnews - Search band news. &lt;a href="http://www.bandnews.org/"&gt;http://www.bandnews.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blogniscient. Rank blog articles. &lt;a href="http://blogniscient.com/"&gt;http://blogniscient.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Buzzingo - Buzz notifier (Yahoo + Feeling Lucky mash-up). &lt;a href="http://www.buzzingo.com/"&gt;http://www.buzzingo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Cluckoo - Publish &amp; share local news. &lt;a href="http://www.cluckoo.com/"&gt;http://www.cluckoo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Crisscross - Comment on &amp;amp; add to news. &lt;a href="http://www.crisscross.com/"&gt;http://www.crisscross.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dailymashup - Flickr + Delicious + Yahoo news mash-up. &lt;a href="http://dailymashup.com/"&gt;http://dailymashup.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dailyrotation - Share tech websites' headlines. &lt;a href="http://www.dailyrotation.com/"&gt;http://www.dailyrotation.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Diggdot - Mash-up news sources to your own taste. &lt;a href="http://diggdot.us/"&gt;http://diggdot.us/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedxs~ - Social feed reading. &lt;a href="http://www.feedxs.com/"&gt;http://www.feedxs.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Findory - Personalize your news. &lt;a href="http://www.findory.com/"&gt;http://www.findory.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Frankenfeed - Aggregate your feeds. &lt;a href="http://www.frankenfeed.com/"&gt;http://www.frankenfeed.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gabbr - Share news. &lt;a href="http://www.gabbr.com/"&gt;http://www.gabbr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Hypersuper - Personalize your news. &lt;a href="http://www.hypersuper.com/"&gt;http://www.hypersuper.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Hypetracker - Popular news searches in graphs. &lt;a href="http://www.hypetracker.com/"&gt;http://www.hypetracker.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Infocaster~ - News &amp; other media thru RSS. &lt;a href="http://www.infocaster.nl/"&gt;http://www.infocaster.nl/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Inform - Social news stories. &lt;a href="http://www.inform.com/"&gt;http://www.inform.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Knownow - Connecting data, apps &amp;amp; people. &lt;a href="http://www.knownow.com/"&gt;http://www.knownow.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Leve1 - Share news. &lt;a href="http://www.leve1.com/"&gt;http://www.leve1.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Linkedfeed - Folksonomied news. &lt;a href="http://www.linkedfeed.com/"&gt;http://www.linkedfeed.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Megite - Discover &amp; help select news. &lt;a href="http://www.megite.com/"&gt;http://www.megite.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Memeorandum - Folksonomied news summaries. &lt;a href="http://www.memeorandum.com/"&gt;http://www.memeorandum.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Newradio - Find &amp;amp; vote for news. &lt;a href="http://n.ewradio.co.uk/"&gt;http://n.ewradio.co.uk/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Newsalloy - Discover, read &amp; share news. &lt;a href="http://www.newsalloy.com/"&gt;http://www.newsalloy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Newsbump - Submit &amp;amp; rank news. &lt;a href="http://www.newsbump.net/"&gt;http://www.newsbump.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Newsgarbage - Post, moderate &amp; controle news. &lt;a href="http://www.newsgarbage.com/"&gt;http://www.newsgarbage.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Newsvine - Read, write &amp;amp; discuss news. &lt;a href="http://www.newsvine.com/"&gt;http://www.newsvine.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Newzingo - News tag cloud; Google News mash-up. &lt;a href="http://newzingo.com/"&gt;http://newzingo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Nowpublic - Share, submit &amp; revenue share news content. &lt;a href="http://www.nowpublic.com/"&gt;http://www.nowpublic.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Nulltag - News tag clouds. &lt;a href="http://www.nulltag.com/"&gt;http://www.nulltag.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;On2go - News &amp;amp; alerts on your mobile. &lt;a href="http://www.on2go.com/"&gt;http://www.on2go.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pegasusnews - Neighborhood news, customized. &lt;a href="http://pegasusnews.typepad.com/homepage/"&gt;http://pegasusnews.typepad.com/homepage/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Reddit - Submit, rate &amp; rank news. &lt;a href="http://reddit.com/"&gt;http://reddit.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Rojo - Discover, organize, read &amp;amp; share content. &lt;a href="http://www.rojo.com/"&gt;http://www.rojo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Sabifoo - Read &amp; publish news through messenger. &lt;a href="http://www.sabifoo.com/"&gt;http://www.sabifoo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Scoopgo - Personalized news agents. &lt;a href="http://www.scoopgo.com/"&gt;http://www.scoopgo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Shoutwire - Rank &amp;amp; share news. &lt;a href="http://www.shoutwire.com/"&gt;http://www.shoutwire.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Slashdigg - Slashdot + Digg mash-up. &lt;a href="http://www.slashdigg.com/"&gt;http://www.slashdigg.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;em&gt;Sponit - Publish &amp; share funny news. &lt;/em&gt;&lt;a href="http://sponit.com/"&gt;&lt;em&gt;http://sponit.com/&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Squeet - Receive News, Blogs, RSS or feeds in your email. &lt;a href="http://www.squeet.com/"&gt;http://www.squeet.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Stockdigg - Read, submit &amp;amp; rank financial news. &lt;a href="http://www.stockdigg.com/"&gt;http://www.stockdigg.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Strategicboard - Share tech news. &lt;a href="http://www.strategicboard.com/"&gt;http://www.strategicboard.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tailrank - Read news (ranking through algorithm). &lt;a href="http://www.tailrank.com/"&gt;http://www.tailrank.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Theport - Create &amp; host your own news aggregator. &lt;a href="http://www.theport.com/"&gt;http://www.theport.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Topix - Share &amp;amp; discuss news. &lt;a href="http://www.topix.net/"&gt;http://www.topix.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wordnews - News tagged in Times. &lt;a href="http://www.typedown.com/external-01/news/yahoo-wordnews.php"&gt;http://www.typedown.com/external-01/news/yahoo-wordnews.php&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Yahoo Tag Soup - News tag cloud; Yahoo News mash-up. &lt;a href="http://yahoo.theherrens.com/"&gt;http://yahoo.theherrens.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;OFFICE 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Agatra - Web-based password saving. &lt;a href="https://www.agatra.com/"&gt;https://www.agatra.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Avvenu - Remote access to your computer. &lt;a href="http://www.avvenu.com/"&gt;http://www.avvenu.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Eyeos - Virtual office operating system. &lt;a href="http://www.eyeos.org/"&gt;http://www.eyeos.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mywebdesktop - Personal &amp; collaborative desktop functions. &lt;a href="http://www.mywebdesktop.net/"&gt;http://www.mywebdesktop.net/&lt;/a&gt; ?&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Thinkfree - Web based office suite. &lt;a href="http://online.thinkfree.com/"&gt;http://online.thinkfree.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zohovirtualoffice - Online office suite. &lt;a href="http://www.zoho.com/virtual-office/"&gt;http://www.zoho.com/virtual-office/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;OS 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Xin - Online OS for Ajax serverapps. &lt;a href="http://www.naltabyte.se/"&gt;http://www.naltabyte.se&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;OUTLOOK 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Plaxo - Contact synchronizer. &lt;a href="http://www.plaxo.com/"&gt;http://www.plaxo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;PERSONAL MANUFACTURING 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Ogle - Capture, re-use &amp;amp; 3D print 3D data. &lt;a href="http://ogle.eyebeamresearch.org/"&gt;http://ogle.eyebeamresearch.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;POLLS 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Contentvote - Add voting to your blog content. &lt;a href="http://www.contentvote.com/"&gt;http://www.contentvote.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dpolls - Create, vote for &amp; search polls. &lt;a href="http://www.dpolls.com/"&gt;http://www.dpolls.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Polloo - Polls about happiness. &lt;a href="http://www.polloo.com/"&gt;http://www.polloo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pollplaza~ - Collective polling. &lt;a href="http://www.pollplaza.nl/"&gt;http://www.pollplaza.nl/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Quimble - Create, vote for &amp;amp; search polls. &lt;a href="http://www.quimble.com/"&gt;http://www.quimble.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Rateitall - Rate &amp; share opinions on everything. &lt;a href="http://www.rateitall.com/"&gt;http://www.rateitall.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zohochallenge - Collective polling. &lt;a href="http://www.zohochallenge.com/"&gt;http://www.zohochallenge.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;PORN 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Eonsex - Porn search. &lt;a href="http://www.eonsex.com/"&gt;http://www.eonsex.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Juxel - Tag interfaced porn. &lt;a href="http://www.juxel.com/"&gt;http://www.juxel.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pornalicious - Social porn bookmarking. &lt;a href="http://www.porn-a-licious.com/"&gt;http://www.porn-a-licious.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Savemyporn - Adult search. &lt;a href="http://www.savemyporn.com/"&gt;http://www.savemyporn.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Webgoggles. Adult search. &lt;a href="http://www.webgoggles.com/"&gt;http://www.webgoggles.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;PORTAL 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;24eyes - Personal portal. &lt;a href="http://www.24eyes.com/"&gt;http://www.24eyes.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Browsr - Social directory. &lt;a href="http://www.bloxor.com/"&gt;http://www.bloxor.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Eskobo - Personal portal. &lt;a href="http://www.eskobo.com/"&gt;http://www.eskobo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Favoor - Personal portal. &lt;a href="http://www.favoor.com/"&gt;http://www.favoor.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedication - Personal portal. &lt;a href="http://www.feedication.com/"&gt;http://www.feedication.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedpile - Store &amp;amp; share feeds &amp; links. &lt;a href="http://feedpile.com/"&gt;http://feedpile.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedtv - Feed portal. &lt;a href="http://www.feedfeeds.com/"&gt;http://www.feedfeeds.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Fold - Personal portal. &lt;a href="http://www.fold.com/"&gt;http://www.fold.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Fyuze - Feed portal. &lt;a href="http://www.fyuze.com/"&gt;http://www.fyuze.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Google IG* - Personal portal. &lt;a href="http://www.google.com/ig"&gt;http://www.google.com/ig&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;GoogleIG - Personal portal. &lt;a href="http://www.google.com/ig"&gt;http://www.google.com/ig&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Googlemodules - Lists modules for personal Google homepage. &lt;a href="http://www.googlemodules.com/"&gt;http://www.googlemodules.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Goowy* - Personal portal (desktop &amp;amp; browser versions). &lt;a href="http://webserver002.goowy.com/"&gt;http://webserver002.goowy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gritwire - Personal portal. &lt;a href="http://www.gritwire.com/"&gt;http://www.gritwire.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Inbox - Personal portal. &lt;a href="http://www.inbox.com/"&gt;http://www.inbox.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Itsastart - Personal portal. &lt;a href="http://www.itsastart.com/"&gt;http://www.itsastart.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Klipfolio - Personal portal. &lt;a href="http://www.serence.com/"&gt;http://www.serence.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mobileglu - Web services to your mobile. &lt;a href="http://www.mobileglu.com/"&gt;http://www.mobileglu.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Netvibes* - Personal portal. &lt;a href="http://www.netvibes.com/"&gt;http://www.netvibes.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pageflakes - Personal portal. &lt;a href="http://www.pageflakes.com/"&gt;http://www.pageflakes.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pobb - Personal portal. &lt;a href="http://www.pobb.net/"&gt;http://www.pobb.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Protopage - Personal portal. &lt;a href="http://www.protopage.com/"&gt;http://www.protopage.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pushy*~ - Personal portal; also mobile. &lt;a href="http://www.pushy.com/"&gt;http://www.pushy.com&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Start - Personal portal. &lt;a href="http://www.start.com/"&gt;http://www.start.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Superglu - Delicious/Flickr/Blogger/Etc mash-up. &lt;a href="http://www.suprglu.com/"&gt;http://www.suprglu.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Windowslive - Personal portal. &lt;a href="http://www.live.com/"&gt;http://www.live.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wrickr - Personal portal. &lt;a href="http://www.wrickr.com/"&gt;http://www.wrickr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;POWERPOINT 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Thumbstack - Make &amp; share presentations online. &lt;a href="http://www.thumbstacks.com/"&gt;http://www.thumbstacks.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;PROJECTS 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Airset - Manage &amp;amp; share calendars, contacts, groups. &lt;a href="http://www.airset.com/"&gt;http://www.airset.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Basecamp - Manage your projects. &lt;a href="http://www.basecamphq.com/"&gt;http://www.basecamphq.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Centraldesktop - Group project management. &lt;a href="http://www.centraldesktop.com/"&gt;http://www.centraldesktop.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Citadel* - Communicate &amp; share in groups. &lt;a href="http://www.citadel.org/"&gt;http://www.citadel.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dotproject - Open source project management tools. &lt;a href="http://www.dotproject.net/"&gt;http://www.dotproject.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gootodo - Online to-do service &lt;a href="http://gootodo.com/"&gt;http://gootodo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Harvest - Timesheets &amp;amp; reports. &lt;a href="http://www.getharvest.com/"&gt;http://www.getharvest.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Inventiondb - Create &amp; share online project space. &lt;a href="http://www.inventiondb.com/"&gt;http://www.inventiondb.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ioutliner - Manage tasks &amp;amp; projects. &lt;a href="http://www.ioutliner.com/"&gt;http://www.ioutliner.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Issuetrackerproduct - Track &amp; manage bugs &amp;amp; other issues. &lt;a href="http://www.issuetrackerproduct.com/"&gt;http://www.issuetrackerproduct.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Keepmytime - Web-based timekeeping. &lt;a href="http://www.keepmytime.com/"&gt;http://www.keepmytime.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Near-time. Share resources &amp; collaborate. &lt;a href="http://www.near-time.net/"&gt;http://www.near-time.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Projectplace - Run &amp;amp; co-ordinate projects. &lt;a href="http://www.projectplace.com/"&gt;http://www.projectplace.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Projectspaces - Work together. &lt;a href="http://www.forumone.com/section/services/projectspaces/"&gt;http://www.forumone.com/section/services/projectspaces/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Taskfreak - Task manager online. &lt;a href="http://www.taskfreak.com/"&gt;http://www.taskfreak.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Taskspro - Group task manager. &lt;a href="http://www.taskspro.com/"&gt;http://www.taskspro.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Veetro - Create &amp; share online project space. &lt;a href="http://www.veetro.com/"&gt;http://www.veetro.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Webcollaborator - Collaborate online. &lt;a href="http://www.webcollaborator.com/"&gt;http://www.webcollaborator.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zohoplanner - Create &amp;amp; share memo’s &amp; notes online. &lt;a href="http://www.zohoplanner.com/"&gt;http://www.zohoplanner.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;PUBLISHING 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Blogprinting - Publish, print &amp;amp; sell it. &lt;a href="http://www.blogprinting.com/"&gt;http://www.blogprinting.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Picaboo - Print photo book on demand. &lt;a href="http://www.picaboo.com/"&gt;http://www.picaboo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;READ 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Chainreading - List, review &amp; recommend books. &lt;a href="http://www.chainreading.com/"&gt;http://www.chainreading.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;RSS 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Alesti - Feed reader. &lt;a href="http://www.alesti.org/"&gt;http://www.alesti.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Almondrocks - Share feeds. &lt;a href="http://www.almondrocks.com/"&gt;http://www.almondrocks.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Beanrocket - News reader. &lt;a href="http://www.beanrocket.com/"&gt;http://www.beanrocket.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blogbridge - Feed reader. &lt;a href="http://www.blogbridge.com/"&gt;http://www.blogbridge.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blogexpress - Feed reader. &lt;a href="http://www.usablelabs.com/productBlogExpress.html"&gt;http://www.usablelabs.com/productBlogExpress.html&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;em&gt;Bloglet – email syndication of RSS news feeds. &lt;/em&gt;&lt;a href="http://www.bloglet.com/"&gt;&lt;em&gt;http://www.bloglet.com/&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bloglines - Feed reader. &lt;a href="http://www.bloglines.com/"&gt;http://www.bloglines.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Evolvepoint - Create, track or find feeds. &lt;a href="http://www.evolvepoint.com/"&gt;http://www.evolvepoint.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;&lt;em&gt;FeedBlitz – email syndication of RSS news feeds. &lt;a href="http://www.feedblitz.com/"&gt;http://www.feedblitz.com/&lt;/a&gt;&lt;/em&gt;&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedblender - Feed reader. &lt;a href="http://www.feeddigest.com/"&gt;http://www.feeddigest.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedburner - Manage your rss &amp;amp; podcast feeds. &lt;a href="http://www.feedburner.com/"&gt;http://www.feedburner.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedbutler - Social feed reader. &lt;a href="http://www.feedbutler.com/"&gt;http://www.feedbutler.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedcraft - Create, manage, deliver &amp; track feeds. &lt;a href="http://www.feedcraft.com/"&gt;http://www.feedcraft.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feeddigest - Mix, filter &amp;amp; republish or syndicate feeds on your       website. &lt;a href="http://www.feeddigest.com/"&gt;http://www.feeddigest.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedfeeds - RSS reader (Ajax). &lt;a href="http://www.feedfeeds.com/"&gt;http://www.feedfeeds.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedlounge - Feed reader. &lt;a href="http://www.feedlounge.com/"&gt;http://www.feedlounge.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedpath - Social feed reader. &lt;a href="http://feedpath.com/feedreader/"&gt;http://feedpath.com/feedreader/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedping - Submit your feed to major directories. &lt;a href="http://www.yoursite.com/"&gt;www.yoursite.com&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedxs~ - Create personal feeds (without website), submit thru messenger. &lt;a href="http://www.feedxs.com/"&gt;http://www.feedxs.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Googlereader - Feed reader. &lt;a href="http://www.google.com/reader/"&gt;http://www.google.com/reader/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gregarius - Feed reader. &lt;a href="http://gregarius.net/"&gt;http://gregarius.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Immediat - Messenger notifications of feeds. &lt;a href="http://immedi.at/"&gt;http://immedi.at/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Instantfeed - Messenger notifications of feeds. &lt;a href="http://instantfeed.biggu.com/"&gt;http://instantfeed.biggu.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Newsgator - RSS aggregation platform. &lt;a href="http://www.newsgator.com/"&gt;http://www.newsgator.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Nooked - Manage &amp; commercialize your feeds. &lt;a href="http://www.nooked.com/"&gt;http://www.nooked.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Odiogo - Convert feeds to speech. &lt;a href="http://www.odiogo.com/"&gt;http://www.odiogo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Omea - Manage &amp;amp; enhance your feeds. &lt;a href="http://www.jetbrains.com/omea/reader/"&gt;http://www.jetbrains.com/omea/reader/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Peoplefeeds - Aggregate personal content. &lt;a href="http://www.peoplefeeds.com/"&gt;http://www.peoplefeeds.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Podbasket - Converts audio into feeds. &lt;a href="http://www.podbasket.com/"&gt;http://www.podbasket.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Rapidfeeds - Publish feeds without tech know-how. &lt;a href="http://www.rapidfeeds.com/"&gt;http://www.rapidfeeds.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;RSS2PDF - Convert feeds to PDF. &lt;a href="http://rss2pdf.com/"&gt;http://rss2pdf.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;RSSbandit - Feed reader. &lt;a href="http://www.rssbandit.org/"&gt;http://www.rssbandit.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;RSShut - Read &amp; search feeds. &lt;a href="http://www.rsshut.com/"&gt;http://www.rsshut.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;RSSmad - Feed reader &amp;amp; archive. &lt;a href="http://www.rssmad.com/"&gt;http://www.rssmad.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;RSSor - Collect, read &amp; share feeds. &lt;a href="http://rssor.utblog.com/"&gt;http://rssor.utblog.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;RSSreader - Feed reader. &lt;a href="http://www.rssreader.com/"&gt;http://www.rssreader.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;TinytinyRSS - Feed reader. &lt;a href="http://tt-rss.spb.ru/trac/"&gt;http://tt-rss.spb.ru/trac/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;SCHEDULING 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Buddyping - Find friends &amp;amp; events locally (map mash-up). &lt;a href="http://www.buddyping.com/"&gt;http://www.buddyping.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Goovite - Invite people. &lt;a href="http://www.goovite.com/"&gt;http://www.goovite.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Kiko - Onlin calendar. &lt;a href="http://www.kiko.com/"&gt;http://www.kiko.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Meetwithapproval - Organize &amp; manage meetings. &lt;a href="http://www.meetwithapproval.com/"&gt;http://www.meetwithapproval.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zvents - Organize &amp;amp; manage events. &lt;a href="http://www.zvents.com/"&gt;http://www.zvents.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;SEARCH 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;1000tags - Tag cloud based search. &lt;a href="http://1000tags.com/"&gt;http://1000tags.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ajaxwhois - Results while you type. &lt;a href="http://www.ajaxwhois.com/"&gt;http://www.ajaxwhois.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Alexa - Contribute to ranked search &amp; stats while you surf. &lt;a href="http://www.alexa.com/"&gt;http://www.alexa.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ambedo - Bookmark, tag &amp;amp; search. &lt;a href="http://www.ambedo.com/"&gt;http://www.ambedo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Audioclipping - Search content of audio &amp; video streams. &lt;a href="http://www.audioclipping.de/"&gt;http://www.audioclipping.de/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bashr - Wikipedia, Flickr &amp;amp; Delicious mash-up. &lt;a href="http://www.bashr.com/"&gt;http://www.bashr.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blogdigger - Search blogs. &lt;a href="http://www.blogdigger.com/"&gt;http://www.blogdigger.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blogpulse - Search blogs. &lt;a href="http://www.blogpulse.com/"&gt;http://www.blogpulse.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blue - Find &amp; share. &lt;a href="https://www.blue.us/"&gt;https://www.blue.us/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Browster - Search &amp;amp; browse instantly. &lt;a href="http://www.browster.com/"&gt;http://www.browster.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Clusty - Cluster results in folders. &lt;a href="http://clusty.com/"&gt;http://clusty.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Collaborativerank - Search &amp; rank. &lt;a href="http://collabrank.org/"&gt;http://collabrank.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dhoondo - Search all content on the web. &lt;a href="http://www.dhoondho.com/"&gt;http://www.dhoondho.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Digitalmediasearch - Search media. &lt;a href="http://www.moworks.ca/search.aspx"&gt;http://www.moworks.ca/search.aspx&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dipsie - Deep search. &lt;a href="http://www.dipsie.com/"&gt;http://www.dipsie.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ditto - Search images. &lt;a href="http://ditto.com/"&gt;http://ditto.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Domainsbot - Domain searcg &amp;amp; suggestions. &lt;a href="http://www.domainsbot.com/"&gt;http://www.domainsbot.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Doubletrust - Google + Yahoo mash-up. &lt;a href="http://sushil01.securesites.net/%7Eashish/doubletrust/"&gt;http://sushil01.securesites.net/~ashish/doubletrust/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Egosurf - Search yourself, get ranking. &lt;a href="http://www.egosurf.org/"&gt;http://www.egosurf.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Exalead - Unified search technology. &lt;a href="http://www.exalead.com/"&gt;http://www.exalead.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Factbites - Search results in sensible sentences. &lt;a href="http://www.factbites.com/"&gt;http://www.factbites.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedster - Search for feeds. &lt;a href="http://www.feedster.com/"&gt;http://www.feedster.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Filangy - Current search. &lt;a href="http://www.filangy.com/"&gt;http://www.filangy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gadabe* - RSS metasearch. &lt;a href="http://www.gada.be/"&gt;http://www.gada.be/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gahooyoogle - Google + Yahoo mash-up. &lt;a href="http://www.gahooyoogle.com/"&gt;http://www.gahooyoogle.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Geourl - Location 2 URL directory. &lt;a href="http://geourl.org/"&gt;http://geourl.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Google* - Search &amp; adwords. &lt;a href="http://www.google.com/"&gt;http://www.google.com&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Googleblogsearch - Search blogs. &lt;a href="http://www.google.com/blogsearch"&gt;http://www.google.com/blogsearch&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Gravee - Searches sites &amp;amp; blogs; fair rev share on ads. &lt;a href="http://www.gravee.com/"&gt;http://www.gravee.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Hakia - Meaningful results. &lt;a href="http://www.hakia.com/"&gt;http://www.hakia.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Healthline - Contextual search for health information. &lt;a href="http://www.healthline.com/"&gt;http://www.healthline.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Iamsearched - Are you googled-notification service. &lt;a href="http://www.iamsearched.com/"&gt;http://www.iamsearched.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ibegin - Local search. &lt;a href="http://ibegin.com/"&gt;http://ibegin.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Icerocket - Search blogs &amp; web. &lt;a href="http://www.icerocket.com/"&gt;http://www.icerocket.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Instantdomainsearch - Ajax domain search + suggestions. &lt;a href="http://instantdomainsearch.com/"&gt;http://instantdomainsearch.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Jookster - Search, rank &amp;amp; share. &lt;a href="http://www.jookster.com/"&gt;http://www.jookster.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Kinja - Search blogs. &lt;a href="http://www.kinja.com/"&gt;http://www.kinja.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Kosmix - Verticle search. &lt;a href="http://www.kosmix.com/"&gt;http://www.kosmix.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Kratia - Search, vote &amp; rank results. &lt;a href="http://www.kratia.com/"&gt;http://www.kratia.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Lexxe - Meaningful search. &lt;a href="http://www.lexxe.com/"&gt;http://www.lexxe.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Linkput - Results with suer input. &lt;a href="http://www.linkput.com/"&gt;http://www.linkput.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Liveplasma* - Search &amp;amp; find other things to your taste. &lt;a href="http://www.liveplasma.com/"&gt;http://www.liveplasma.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Lumrix - Ajax wiki search. &lt;a href="http://wiki.lumrix.net/"&gt;http://wiki.lumrix.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Makidi - Search for people (?). &lt;a href="http://www.makidi.com/"&gt;http://www.makidi.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Musicmap - Search &amp; find other things to your taste. &lt;a href="http://www.dimvision.com/musicmap/"&gt;http://www.dimvision.com/musicmap/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mybigriver - Find while you type; Amazon mash-up. - &lt;a href="http://www.mybigriver.com/"&gt;http://www.mybigriver.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Nextaris - Social search. &lt;a href="http://www.nextaris.com/"&gt;http://www.nextaris.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Omgili - Search discussion forums. &lt;a href="http://www.omgili.com/"&gt;http://www.omgili.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;OPMLsearch - Dedicated OPML search. &lt;a href="http://www.opmlsearch.com/"&gt;http://www.opmlsearch.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Podzinger - Search podcasts. &lt;a href="http://www.opmlsearch.com/"&gt;http://www.opmlsearch.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Prase us - Page rank based search. &lt;a href="http://www.prase.us/"&gt;http://www.prase.us/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Prefound - Search what people already found. &lt;a href="http://www.prefound.com/"&gt;http://www.prefound.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Previewseek*** - Byebye Google? &lt;a href="http://beta.previewseek.com/"&gt;http://beta.previewseek.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pubsub - Search + profiled alerts. &lt;a href="http://www.pubsub.com/"&gt;http://www.pubsub.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Qtsaver - Micro content search; Google &amp; Yahoo mash-ups &lt;a href="http://qtsaver.com/"&gt;http://qtsaver.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Qtsearch - Search for content in Yahoo &amp;amp; Google. &lt;a href="http://www.qtsaver.com/"&gt;http://www.qtsaver.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Qube - Search engine aggregator (client). &lt;a href="http://qube.qelix.com/"&gt;http://qube.qelix.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Quintura - Search engine with visualized context terms (client). &lt;a href="http://qube.qelix.com/"&gt;http://qube.qelix.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Qwerky - Search strange site names. &lt;a href="http://qwerky.stellify.net/"&gt;http://qwerky.stellify.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Qwika - Search wikis. &lt;a href="http://www.qwika.com/"&gt;http://www.qwika.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Releton - Google + Yahoo + maps &amp; routes. &lt;a href="http://www.releton.com/"&gt;http://www.releton.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Retrievr* - Search images by sketching. &lt;a href="http://labs.systemone.at/retrievr/"&gt;http://labs.systemone.at/retrievr/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Riya* - Face recognition based photo search. &lt;a href="http://riya.com/"&gt;http://riya.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Rollyo* - Create search agents. &lt;a href="http://rollyo.com/"&gt;http://rollyo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Seekum - User ranked search results. &lt;a href="http://www.seekum.com/"&gt;http://www.seekum.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Suckingfish - Save, collaborate on &amp;amp; publish search results. &lt;a href="http://suckingfish.com/"&gt;http://suckingfish.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Surfwax - Multisource search. &lt;a href="http://www.surfwax.com/"&gt;http://www.surfwax.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Swicki - Search with user input. &lt;a href="http://www.swicki.eurekster.com/"&gt;http://www.swicki.eurekster.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tagnautica - Search Flickr. &lt;a href="http://www.quasimondo.com/tagnautica.php"&gt;http://www.quasimondo.com/tagnautica.php&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Talkdigger - Search &amp; discuss results from blogs &amp;amp; web. &lt;a href="http://www.talkdigger.com/"&gt;http://www.talkdigger.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Technorati* - Find what people are saying. &lt;a href="http://www.technorati.com/"&gt;http://www.technorati.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Watvindenwijover~ - Find &amp; vote for information. &lt;a href="http://watvindenwijover.nl/"&gt;http://watvindenwijover.nl/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Who-isit - Whois, ping, check link popularity &lt;a href="http://whois-it.com/"&gt;http://whois-it.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Whonu - Discover/search content (more) intuitively. &lt;a href="http://www.whonu.com/"&gt;http://www.whonu.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wikimatrix - Find &amp;amp; compare your wikis. &lt;a href="http://www.wikimatrix.org/"&gt;http://www.wikimatrix.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wink - Folksonomied search. &lt;a href="http://www.wink.com/"&gt;http://www.wink.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Yellowbook - Yellow pages aggregator. &lt;a href="http://www.yellowbook.com/"&gt;http://www.yellowbook.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Yoono - Search, exchange &amp; share information. &lt;a href="http://www.yoono.com/"&gt;http://www.yoono.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Yubnub* - Search &amp;amp; share search commands. &lt;a href="http://www.yubnub.org/"&gt;http://www.yubnub.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zigtag - Search, save &amp; share results. &lt;a href="http://www.zigtag.com/"&gt;http://www.zigtag.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;SOFTWARE 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;301url - Shorten your url. &lt;a href="http://www.301url.com/"&gt;http://www.301url.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;37signals* - Basecamp, Backpack, Writeboard, Ta-da List. &lt;a href="http://www.37signals.com/"&gt;http://www.37signals.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Abaqueinside - Catalogue ware. &lt;a href="http://www.abaqueinside.com/"&gt;http://www.abaqueinside.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ajax - Mozilla developer community. &lt;a href="http://developer.mozilla.org/en/docs/AJAX"&gt;http://developer.mozilla.org/en/docs/AJAX&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ajaxpaterns - Ajax developers portal. &lt;a href="http://ajaxpatterns.org/"&gt;http://ajaxpatterns.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ajaxshowcase - Aggregates Ajax applications. &lt;a href="http://www.ajaxshowcase.com/"&gt;http://www.ajaxshowcase.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ataja - Shorten your url. &lt;a href="http://www.ataja.es/"&gt;http://www.ataja.es/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;B2evolution - Open source blog engine. &lt;a href="http://www.b2evolution.net/"&gt;http://www.b2evolution.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Backbase* - Ajax applications. &lt;a href="http://www.backbase.com/"&gt;http://www.backbase.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bluepulse - Internet 2 cell phone. &lt;a href="http://bluepulse.com/"&gt;http://bluepulse.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Codase - Search for &amp;amp; share code. &lt;a href="http://www.codase.com/"&gt;http://www.codase.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Cordance - Dataweb technologies. &lt;a href="http://www.cordance.net/"&gt;http://www.cordance.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Cyberdummy - Share code. &lt;a href="http://www.cyberdummy.co.uk/"&gt;http://www.cyberdummy.co.uk/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Django - Python apps. &lt;a href="http://www.djangoproject.com/"&gt;http://www.djangoproject.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dojo - Share JS tools. &lt;a href="http://www.dojotoolkit.org/"&gt;http://www.dojotoolkit.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Easyutil - Api for recommendations. &lt;a href="http://www.easyutil.com/"&gt;http://www.easyutil.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Elfurl - Make long url's short. &lt;a href="http://elfurl.com/"&gt;http://elfurl.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Krugle - Search open source software. &lt;a href="http://www.krugle.com/"&gt;http://www.krugle.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mendix*~ - Semantic application development &lt;a href="http://www.mendix.com/"&gt;http://www.mendix.com&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Meta - Forum software inc. tags &amp; ranking. &lt;a href="http://www.blursoft.com/meta/"&gt;http://www.blursoft.com/meta/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mochikit - Suite of JS libraries. &lt;a href="http://www.mochikit.com/"&gt;http://www.mochikit.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Montastic - Monitor your website. &lt;a href="http://www.montastic.com/"&gt;http://www.montastic.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mozilla - Browser add-ons &amp;amp; mash-ups. &lt;a href="https://addons.mozilla.org/"&gt;https://addons.mozilla.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ning - Create social apps. &lt;a href="http://www.ning.com/"&gt;http://www.ning.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Notlong - Shorten your url. &lt;a href="http://notlong.com/"&gt;http://notlong.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Openrico - Open source Java library. &lt;a href="http://www.openrico.org/"&gt;http://www.openrico.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Oszone - Share code. &lt;a href="http://oszone.org/"&gt;http://oszone.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Plogger - Open source photo gallery system. &lt;a href="http://www.plogger.org/"&gt;http://www.plogger.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Processing - Share code for imaging, animations, sound. &lt;a href="http://www.processing.org/"&gt;http://www.processing.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Projectip - Recognizes anything on your computer. &lt;a href="http://projectip.com/"&gt;http://projectip.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Qooxdoo - javascript GUI toolkit. &lt;a href="http://qooxdoo.oss.schlund.de/"&gt;http://qooxdoo.oss.schlund.de/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Radrails - Develop Ruby on Rails apps. &lt;a href="http://www.radrails.org/"&gt;http://www.radrails.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Rubyonrails* - Web development framework. &lt;a href="http://www.rubyonrails.com/"&gt;http://www.rubyonrails.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Scriptacilous - Javascript libraries 2.0 style. &lt;a href="http://script.aculo.us/"&gt;http://script.aculo.us/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Sitevista - Test your website. &lt;a href="http://www.sitevista.com/"&gt;http://www.sitevista.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Swik - Search for open source software. &lt;a href="http://swik.net/"&gt;http://swik.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Textsnippets - Share code. &lt;a href="http://www.textsnippets.com/"&gt;http://www.textsnippets.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Urlx - Shorten your URL. &lt;a href="http://www.urlx.org/"&gt;http://www.urlx.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Visualcomplexity - Visualize complexity. &lt;a href="http://www.visualcomplexity.com/vc/about.html"&gt;http://www.visualcomplexity.com/vc/about.html&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Vivox - Solutions for communities, communications, games. &lt;a href="http://www.vivox.com/"&gt;http://www.vivox.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Weborb - Build, deploy &amp; host rich client apps. &lt;a href="http://www.themidnightcoders.com/"&gt;http://www.themidnightcoders.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Webripper - Rip files from sites. &lt;a href="http://webripper.dnsalias.com/"&gt;http://webripper.dnsalias.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wordcast - Host, manage, measure &amp;amp; monetize podcasting. &lt;a href="http://wordcast.audible.com/wordcast/"&gt;http://wordcast.audible.com/wordcast/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wsfinder - Search APIs and web services. &lt;a href="http://wsfinder.jot.com/"&gt;http://wsfinder.jot.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Yahoo developer network - Javascript developer center. &lt;a href="http://developer.yahoo.net/javascript/"&gt;http://developer.yahoo.net/javascript/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zoho creator - Create &amp; share applications. &lt;a href="http://www.zoho.com/"&gt;http://www.zoho.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;STATS 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Blogbeat - Blog analytics software. &lt;a href="http://www.blogbeat.net/"&gt;http://www.blogbeat.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Crazyegg - Improve effectiveness of your site. &lt;a href="http://crazyegg.com/"&gt;http://crazyegg.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Delineate - Folksonomied visitor stats. &lt;a href="http://www.delineateit.com/"&gt;http://www.delineateit.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Googleanalytics - Site analytics software. &lt;a href="http://www.delineateit.com/"&gt;http://www.delineateit.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mapstats - Map blog traffic. &lt;a href="http://mapstats.blogflux.com/"&gt;http://mapstats.blogflux.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mint - Site analytics software. &lt;a href="http://www.haveamint.com/"&gt;http://www.haveamint.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mybloglog - Blog analytics. &lt;a href="http://www.mybloglog.com/"&gt;http://www.mybloglog.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;TAGGING 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;30daytags - Fresh tagclouds. &lt;a href="http://www.30daytags.com/"&gt;http://www.30daytags.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Cloudalicious - Follow site's tags over time. &lt;a href="http://cloudalicio.us/"&gt;http://cloudalicio.us/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Groopus - Visualize your social context based on tags. &lt;a href="http://groop.us/"&gt;http://groop.us/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Neato -Tagging plug-in for Wordpress. &lt;a href="http://www.neato.co.nz/"&gt;http://www.neato.co.nz/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tagcloud - Folksonomied, personalized tag clouds. &lt;a href="http://www.tagcloud.com/"&gt;http://www.tagcloud.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tagfacts - Tag &amp;amp; share your notes. &lt;a href="http://www.tagfacts.com/"&gt;http://www.tagfacts.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Tagsy - Social bookmarking &amp; feed management. &lt;a href="http://www.tagsy.com/"&gt;http://www.tagsy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zoomclouds - Make &amp;amp; publish tag clouds. &lt;a href="http://www.zoomclouds.com/"&gt;http://www.zoomclouds.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;TASK MANAGER 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;9Rememberthemilk - Manage tasks, together. &lt;a href="http://www.rememberthemilk.com/"&gt;http://www.rememberthemilk.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Myticklerfile - Manage your and others' tasks. &lt;a href="http://www.myticklerfile.com/"&gt;http://www.myticklerfile.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Sproutliner - Manage your tasks. &lt;a href="http://sproutliner.com/"&gt;http://sproutliner.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Timetracker - Keep track of time. &lt;a href="http://www.formassembly.com/time-tracker/"&gt;http://www.formassembly.com/time-tracker/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Trackslife - Manage &amp; share your to do-lists. &lt;a href="http://www.trackslife.com/"&gt;http://www.trackslife.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;TEXT 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Bbbuddy - Organize, store, edit &amp;amp; share your texts. &lt;a href="http://www.bbbuddy.com/"&gt;http://www.bbbuddy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Bibli - Publish &amp; share texts. &lt;a href="http://www.bibli.ca/"&gt;http://www.bibli.ca/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Citeulike - Store, share, manage academic papers. &lt;a href="http://www.citeulike.org/"&gt;http://www.citeulike.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Cluebacca - Storing &amp;amp; organizing text clips. &lt;a href="http://www.cluebacca.com/"&gt;http://www.cluebacca.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Glypho - Read &amp; write books together. &lt;a href="http://www.glypho.com/"&gt;http://www.glypho.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ilovetravelstories - Publish or bookmark &amp;amp; rank travel stories. &lt;a href="http://www.ilovetravelstories.com/"&gt;http://www.ilovetravelstories.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Livejournal - Blogging solution &amp; social software. &lt;a href="http://www.livejournal.com/"&gt;http://www.livejournal.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Reader2 - Share reading lists. &lt;a href="http://reader2.com/"&gt;http://reader2.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Readitswapit - Swap books. &lt;a href="http://www.readitswapit.co.uk/"&gt;http://www.readitswapit.co.uk/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Sharingpoint - Publish, link to &amp;amp; share health information. &lt;a href="http://www.sharingpoint.net/"&gt;http://www.sharingpoint.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wikipedia* - Read &amp; co-edit encyclopedia. &lt;a href="http://en.wikipedia.org/wiki/"&gt;http://en.wikipedia.org/wiki/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wikitravel - Read &amp;amp; co-edit travel guide. &lt;a href="http://wikitravel.org/en/"&gt;http://wikitravel.org/en/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wisdomark - Collaborate on publishing &amp; sharing stories. &lt;a href="http://wisdomark.com/"&gt;http://wisdomark.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;World66 - Read &amp;amp; co-edit travel guide. &lt;a href="http://www.world66.com/"&gt;http://www.world66.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;TEXT2SPEECH 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Readspeaker - Text2speech app. &lt;a href="http://www.readspeaker.com/"&gt;http://www.readspeaker.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Springdoo - Add your voice to your email. &lt;a href="http://www.springdoo.com/"&gt;http://www.springdoo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;TIME MANAGEMENT 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;TikTrac - Time management. &lt;a href="http://tiktrac.com/"&gt;http://tiktrac.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;TRACK &amp; TRACE 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Packagemapper - Track your package on a map. &lt;a href="http://packagemapper.com/"&gt;http://packagemapper.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;VIDEO 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Adultswim - Episode previews, games, community. &lt;a href="http://www.adultswim.com/"&gt;http://www.adultswim.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ajaxilicious - Share your movies thru RSS. &lt;a href="http://movies.ajaxilicious.be/"&gt;http://movies.ajaxilicious.be/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Blinkx - Personalized epg. &lt;a href="http://searchus.blinkx.com/"&gt;http://searchus.blinkx.com&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Broadbandsports - Upload &amp;amp; share sports videos. &lt;a href="http://www.broadbandsports.com/"&gt;http://www.broadbandsports.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Clipshack - Upload &amp; send video. &lt;a href="http://www.clipshack.com/"&gt;http://www.clipshack.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Dailymotion - Upload &amp;amp; share videos. &lt;a href="http://www.dailymotion.com/"&gt;http://www.dailymotion.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Evoketv - Localized epg (ajax). &lt;a href="http://www.evoketv.com/"&gt;http://www.evoketv.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Getdemocracy - Watch or make tv. &lt;a href="http://www.getdemocracy.com/"&gt;http://www.getdemocracy.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mefeedia - Videoblog search. &lt;a href="http://www.mefeedia.com/"&gt;http://www.mefeedia.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Mightyv - Web based tv search &amp; epg (UK). &lt;a href="http://www.mightyv.com/"&gt;http://www.mightyv.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Openvlog - Upload &amp;amp; record video. &lt;a href="http://www.openvlog.com/"&gt;http://www.openvlog.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pooxi - Upload &amp; (revenue) share video. &lt;a href="http://www.pooxi.com/"&gt;http://www.pooxi.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Theunseenvideo - Video &amp;amp; weather mash-up animation. &lt;a href="http://www.theunseenvideo.com/"&gt;http://www.theunseenvideo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Truveo - Ranked video search. &lt;a href="http://www.truveo.com/"&gt;http://www.truveo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Turnhere - Upload &amp; share video (local). &lt;a href="http://www.turnhere.com/"&gt;http://www.turnhere.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Veoh - Upload &amp;amp; share videos. &lt;a href="http://www.veoh.com/"&gt;http://www.veoh.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Videobomb - Submit &amp; vote for video links. &lt;a href="http://videobomb.com/"&gt;http://videobomb.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Videoegg - Capture, edit &amp;amp; publish video. &lt;a href="http://www.videoegg.com/"&gt;http://www.videoegg.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Vimeo - Upload &amp; share video. &lt;a href="http://www.vimeo.com/"&gt;http://www.vimeo.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Vsocial - Upload, rank &amp;amp; share video. &lt;a href="http://www.vsocial.com/"&gt;http://www.vsocial.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Woomu - Submit, vote for &amp; rank videos. &lt;a href="http://www.woomu.com/"&gt;http://www.woomu.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Yashi - Upload &amp;amp; share video. &lt;a href="http://www.yashi.com/"&gt;http://www.yashi.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Youtube* - Upload &amp; share video. &lt;a href="http://www.youtube.com/"&gt;http://www.youtube.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zippyvideos - Upload &amp;amp; share video. &lt;a href="http://www.zippyvideos.com/"&gt;http://www.zippyvideos.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;VOICE2MAIL&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Spinvox - From voice to text to mobile or email. &lt;a href="http://www.spinvox.com/"&gt;http://www.spinvox.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;VOICEMAIL 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Yackpack - Group voicemail. &lt;a href="http://www.yackpack.com/"&gt;http://www.yackpack.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;WEB2FEED&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Feed43 - Web page &amp; blog 2 rss. &lt;a href="http://feed43.com/"&gt;http://feed43.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Feedtier - Web page &amp;amp; blog 2 rss. &lt;a href="http://feedtier.somee.com/"&gt;http://feedtier.somee.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;WI-FI 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Fon - Share, buy, sell wi-fi connections. &lt;a href="http://www.fon.com/"&gt;www.fon.com&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;WIKI 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Epictrip - Multimedia travel wiki. &lt;a href="http://www.epictrip.com/"&gt;http://www.epictrip.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Foopad - Create your own wiki. &lt;a href="http://www.foopad.com/"&gt;http://www.foopad.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Schtuff - Wiki service. &lt;a href="http://www.schtuff.com/"&gt;http://www.schtuff.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Serversidewiki - Mini-wiki. &lt;a href="http://www.serversidewiki.com/"&gt;http://www.serversidewiki.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Socialtext - Enterprise wiki solutions. &lt;a href="http://www.socialtext.com/"&gt;http://www.socialtext.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Stikipad - Wiki solution. &lt;a href="http://www.stikipad.com/"&gt;http://www.stikipad.com/&lt;/a&gt; ?(Submitted       by Bj??rn Ognibeni).&lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wikispaces - Collaborative content &amp; editing. &lt;a href="http://www.wikispaces.org/"&gt;http://www.wikispaces.org/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;WISHLIST 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;8by1 - Share your wish. &lt;a href="http://www.8by1.com/"&gt;http://www.8by1.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Giftornot - Get ideas for gifts (Amazon mash-up). &lt;a href="http://www.giftornot.com/"&gt;http://www.giftornot.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;WORD 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Barewiki - Make a wiki in seconds. &lt;a href="http://barewiki.com/"&gt;http://barewiki.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Fckeditor - Web based word processor. &lt;a href="http://www.fckeditor.net/"&gt;http://www.fckeditor.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Formassembly - Create, host &amp;amp; manage forms. &lt;a href="http://www.formassembly.com/"&gt;http://www.formassembly.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Goffice - Web based word processing. &lt;a href="http://www.goffice.com/"&gt;http://www.goffice.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Ijot - Write, manage, publcish share text files. &lt;a href="http://www.ijot.net/"&gt;http://www.ijot.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Inetword - Web based word processing. &lt;a href="http://www.inetword.com/"&gt;http://www.inetword.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Jotform - Make your Ajax webforms. &lt;a href="http://www.jotform.com/"&gt;http://www.jotform.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Litespellchecker - Check spelling as you type. &lt;a href="http://me.eae.net/stuff/litespellchecker/litedemo.html"&gt;http://me.eae.net/stuff/litespellchecker/litedemo.html&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Nativetext - Translates rss in foreign languages. &lt;a href="http://www.nativetext.com/"&gt;http://www.nativetext.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Orangoo - Spelling checker. &lt;a href="http://www.orangoo.com/spell/"&gt;http://www.orangoo.com/spell/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Pbwiki - Make a wiki. &lt;a href="http://pbwiki.com/"&gt;http://pbwiki.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Synchroedit - Group editor. &lt;a href="http://www.synchroedit.com/"&gt;http://www.synchroedit.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wideword - Collaborative word processing. &lt;a href="https://www.wideword.net/"&gt;https://www.wideword.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Wideword - Create &amp; share documents online. &lt;a href="https://wideword.net/"&gt;https://wideword.net/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Writeboard* - Write, share, revise &amp;amp; compare documents. &lt;a href="http://writeboard.com/"&gt;http://writeboard.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Writely - Store, edit &amp; share documents. &lt;a href="http://www.writely.com/"&gt;http://www.writely.com&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Zohowriter - Online word processor. &lt;a href="http://www.zohowriter.com/"&gt;http://www.zohowriter.com&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt; &lt;p class="STYLE2"&gt;?&lt;/p&gt; &lt;p class="STYLE2"&gt;WRITE 2.0&lt;/p&gt; &lt;ul class="STYLE2"&gt;&lt;li&gt;     &lt;div&gt;Bigoven - Publish &amp;amp; share recipes. &lt;a href="http://www.bigoven.com/"&gt;http://www.bigoven.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Extratasty - publish &amp; share drink recipes. &lt;a href="http://www.extratasty.com/"&gt;http://www.extratasty.com/&lt;/a&gt; &lt;/div&gt;   &lt;/li&gt;&lt;li&gt;     &lt;div&gt;Travbuddy - Submit &amp;amp; share travel stories. &lt;a href="http://www.travbuddy.com/"&gt;http://www.travbuddy.com/&lt;/a&gt;&lt;/div&gt;   &lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-7078738516045897631?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/7078738516045897631/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=7078738516045897631' title='3 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/7078738516045897631'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/7078738516045897631'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/everything-web-20.html' title='Everything Web 2.0'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-8597976993875612841</id><published>2007-02-02T21:39:00.000-08:00</published><updated>2007-02-02T21:40:12.181-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>Web标准可以做到：</title><content type='html'>&lt;span style="font-weight: bold;"&gt;Web标准可以做到： &lt;/span&gt;&lt;br /&gt;　　&lt;br /&gt;　　在图形浏览器上更精确的控制、定位和排版&lt;br /&gt;　　&lt;br /&gt;　　复杂的交互行为&lt;br /&gt;　　 &lt;br /&gt;　　可访问性&lt;br /&gt;　　&lt;br /&gt;　　支持多种浏览器&lt;br /&gt;　　&lt;br /&gt;　　新、旧浏览器都可以工作&lt;br /&gt;　　 &lt;br /&gt;　　保证可以工作在将来的游览器上&lt;br /&gt;　　&lt;br /&gt;　　重新设计网站时间缩短&lt;br /&gt;　　&lt;br /&gt;　　支持非传统设备&lt;br /&gt;　　 &lt;br /&gt;　　易为任何网页提供适合打印的版本&lt;br /&gt;　　&lt;br /&gt;　　在发布流程中易重新设计文档&lt;br /&gt;　　&lt;br /&gt;　　HTML转换到XML基础的置标语言 &lt;br /&gt;　　&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;web标准的原因：&lt;/span&gt;&lt;br /&gt;　　&lt;br /&gt;　　增强交互能力&lt;br /&gt;　　&lt;br /&gt;　　增强可访问性&lt;br /&gt;　　 &lt;br /&gt;　　减少维护工作量&lt;br /&gt;　　&lt;br /&gt;　　减少带宽&lt;br /&gt;　　&lt;br /&gt;　　降低成本&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-8597976993875612841?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/8597976993875612841/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=8597976993875612841' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8597976993875612841'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8597976993875612841'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/web.html' title='Web标准可以做到：'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-7745561615862478708</id><published>2007-02-01T19:13:00.000-08:00</published><updated>2007-02-01T19:14:48.772-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>FireFox搜索框BG Value</title><content type='html'>#F5F6BE&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 51, 51);font-family:georgia;" &gt;&lt;blockquote style="color: rgb(255, 255, 102);"&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-7745561615862478708?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/7745561615862478708/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=7745561615862478708' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/7745561615862478708'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/7745561615862478708'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/02/firefoxbg-value.html' title='FireFox搜索框BG Value'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-8774571265350298622</id><published>2007-01-30T18:19:00.000-08:00</published><updated>2007-01-30T18:20:17.573-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>blogger使用</title><content type='html'>如果一篇文章太长会将首页拉的很长,影响速度和美观.下面的方法可以让你的Blogger在首页只显示文章的部分摘要(请确认你已启用了贴子页)，使用之前不要忘了将＜＞更改为半角字符&lt;br /&gt;1.在 ＜style＞ 与 ＜/style ＞ 标记之间，添加如下代码来定义一个＂fullpost＂的类&lt;br /&gt;&lt;br /&gt;＜MainOrArchivePage＞&lt;br /&gt;span.fullpost {display:none;}&lt;br /&gt;＜/MainOrArchivePage＞&lt;br /&gt;&lt;br /&gt;＜ItemPage＞&lt;br /&gt;span.fullpost {display:inline;}&lt;br /&gt;＜/ItemPage＞&lt;br /&gt;&lt;br /&gt;2.在模板中 ＜$BlogItemBody$＞标记后的某个位置添加以下代码，以在贴子页上显示＂阅读全文＂链接&lt;br /&gt;&lt;br /&gt;＜MainOrArchivePage＞＜br /＞&lt;br /&gt;＜a href="＜$BlogItemPermalinkURL$＞"＞阅读全文＜/a＞&lt;br /&gt;＜/MainOrArchivePage＞&lt;br /&gt;3.最后你要在每次发表文章的时候，添加如下代码＜span class="fullpost"＞＜/span＞&lt;br /&gt;　文章的摘要写在语句之前，隐藏的部分写在中间   &lt;p class="entry-footer"&gt;   &lt;span class="post-footers"&gt;Posted by sevendays  at 12:36 上午 &lt;/span&gt; &lt;span class="separator"&gt;|&lt;/span&gt; &lt;a class="permalink" href="http://sevennights7.blogspot.com/2006/08/blogger_13.html"&gt;Permalink&lt;/a&gt; | &lt;blogitemcommentsenabled&gt;&lt;a href="http://www.blogger.com/comment.g?blogID=20688349&amp;postID=115545473150073617&amp;amp;isPopup=true" onclick="window.open('http://www.blogger.com/comment.g?blogID=20688349&amp;postID=115545473150073617&amp;isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"&gt;0 comment(s)&lt;/a&gt; &lt;span class="item-control admin-234431711 pid-717325181"&gt;&lt;a style="border: medium none ;" href="http://www.blogger.com/post-edit.g?blogID=20688349&amp;postID=115545473150073617&amp;amp;quickEdit=true" title="Edit Post"&gt;&lt;span class="quick-edit-icon"&gt; &lt;/span&gt;&lt;/a&gt;&lt;/span&gt;   &lt;/blogitemcommentsenabled&gt;&lt;/p&gt;                            &lt;h2 class="date-header"&gt;星期六, 八月 12, 2006 &lt;/h2&gt;    &lt;div class="entry" id="post-115544993036818695"&gt;     &lt;h3 class="entry-header"&gt;Blogger 教程完全篇&lt;/h3&gt;    &lt;div class="entry-content"&gt;   &lt;div class="entry-body"&gt;        &lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://iyee.cn/post/blogger-hack.html" target="_blank"&gt;Yee&lt;/a&gt;总结了Blogger的一些基本修改教程，对一个普通的Blogg&lt;br /&gt;er用户而言已经足够了。Blogger一些功能的添加都是通过脚本实现的，添加过多的代码会降低网页的质量和浏览速度，对自己Blog的修改应根据自己的实际喜好添加。下面是转载（发现还有自己Blog的链接）：&lt;br /&gt;设置分类：&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://iyee.cn/post/blogger-hack-categories.html" target="_blank"&gt;最省事的分类实现方法&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.oui-blog.com/reder/archives/016353.html" target="_blank"&gt;Blogger.com 增加Technorati的tags&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.oui-blog.com/reder/archives/005906.html" target="_blank"&gt;Blogger.com 分類by Furl&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://crazysdf.sitesled.com/2006/07/blogger.php" target="_blank"&gt;用Zoundry对blogger快速分类&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://blogger.kusolog.com/2006/01/blogger-hack.html" target="_blank"&gt;通过del.icio.us设置分类&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://blogger.kusolog.com/2006/07/bluedot-blogger.html" target="_blank"&gt;用Bluedot添加分类&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://me.zhongfei.org/2006/07/blog-post_115218571894171643.html" target="_blank"&gt;实现分类输出&lt;/a&gt;&lt;br /&gt;评论留言：&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://blogger.kusolog.com/2006/01/blogger-hacktrackback.html" target="_blank"&gt;基于haloscan的评论和Trackback&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://iyee.cn/post/blogger-cocomment-hack.html" target="_blank"&gt;基于cocomment的页内评论&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://think.ac.cn/2006/04/bloggercomblog.html" target="_blank"&gt;在blogger.com的blog右侧栏显示最新评论&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.cga.net.cn/itchina/modules/planet/view.article.php/183/b7" target="_blank"&gt;评论的RSS输出&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://me.zhongfei.org/2006/06/bloghack.html" target="_blank"&gt;侧栏输出最新留言&lt;/a&gt;&lt;br /&gt;模版设置：&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://me.zhongfei.org/2006/06/blogger.html" target="_blank"&gt;通过javascrip实现友情链接&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://think.ac.cn/2006/04/bloggoogle.html" target="_blank"&gt;在你的blog上自动添加google的广告&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://think.ac.cn/2006/03/bloggercom_24.html" target="_blank"&gt;解决blogger.com空白页面的问题&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://think.ac.cn/2006/04/blogger.html" target="_blank"&gt;让你的blogger首页只显示帖子摘要&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://think.ac.cn/2006/04/bloggercom.html" target="_blank"&gt;解决blogger.com的模板显示不全的问题&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://think.ac.cn/2006/04/blog_27.html" target="_blank"&gt;使Blog的标题链接到对应的帖子页&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.eool.cn/2006/07/blog-post_04.html" target="_blank"&gt;将"存档"变为下拉菜单&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.eool.cn/2006/07/blogger.html" target="_blank"&gt;在Blogger首页显示摘要&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.eool.cn/2006/06/blogger_28.html" target="_blank"&gt;链接下划线、背景色的修改&lt;/a&gt;&lt;br /&gt;其他：&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://me.zhongfei.org/2006/06/bloghack_24.html" target="_blank"&gt;leightbox效果&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://me.zhongfei.org/2006/07/flash.html" target="_blank"&gt;音乐播放器&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://me.zhongfei.org/2006/07/flash.html" target="_blank"&gt;flash播放器&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://iyee.cn/post/blogspot-blogger-templates-list.html" target="_blank"&gt;Blogspot/Blogger模版列表&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.eool.cn/2006/06/bloggercomgoolge-analytics.html" target="_blank"&gt;为Blogger.com添加Goolge Analytics&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.eool.cn/2006/07/blog-post_03.html" target="_blank"&gt;在浏览器地址栏前添加自定义的小图标&lt;/a&gt;以及自己以前的一个小小的&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.eool.cn/2006/07/blogger_06.html" target="_blank"&gt;Blogger教程总结&lt;/a&gt;   &lt;p class="entry-footer"&gt;   &lt;span class="post-footers"&gt;Posted by sevendays  at 11:18 下午 &lt;/span&gt; &lt;span class="separator"&gt;|&lt;/span&gt; &lt;a class="permalink" href="http://sevennights7.blogspot.com/2006/08/blogger_115544993036818695.html"&gt;Permalink&lt;/a&gt; | &lt;blogitemcommentsenabled&gt;&lt;a href="http://www.blogger.com/comment.g?blogID=20688349&amp;postID=115544993036818695&amp;amp;isPopup=true" onclick="window.open('http://www.blogger.com/comment.g?blogID=20688349&amp;postID=115544993036818695&amp;isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"&gt;0 comment(s)&lt;/a&gt; &lt;span class="item-control admin-234431711 pid-717325181"&gt;&lt;a style="border: medium none ;" href="http://www.blogger.com/post-edit.g?blogID=20688349&amp;postID=115544993036818695&amp;amp;quickEdit=true" title="Edit Post"&gt;&lt;span class="quick-edit-icon"&gt; &lt;/span&gt;&lt;/a&gt;&lt;/span&gt;   &lt;/blogitemcommentsenabled&gt;&lt;/p&gt;      &lt;/div&gt;  &lt;/div&gt; &lt;/div&gt;                   &lt;h2 class="date-header"&gt; &lt;/h2&gt;    &lt;div class="entry" id="post-115544893533074923"&gt;     &lt;h3 class="entry-header"&gt;Blogger简单代码修改&lt;/h3&gt;    &lt;div class="entry-content"&gt;   &lt;div class="entry-body"&gt;        在不同的浏览器中显示可能会不一致&lt;br /&gt;&lt;br /&gt;1.为标题设置固定链接&lt;br /&gt;有些模板并未提供此功能，这给引用日志带来了不便，通过添加简单代码即可实现。&lt;br /&gt;找到如下代码（使用时请将《》改为&lt;&gt;）：&lt;br /&gt;《!-- Begin .post --》&lt;br /&gt;《div class="post"》《a name="《$BlogItemNumber$》"》《/a》&lt;br /&gt;&lt;br /&gt;《BlogItemTitle》&lt;br /&gt;《h3 class="post-title"》&lt;br /&gt;《BlogItemUrl》《a href="&lt;$BlogItemUrl$&gt;" title="external link"》&lt;br /&gt;《/BlogItemUrl》&lt;br /&gt;《a href="&lt;$BlogItemPermalinkUrl$&gt;"》《$BlogItemTitle$》《/a》&lt;br /&gt;最后一行即为要使用的代码。&lt;br /&gt;&lt;br /&gt;2.文字汉化&lt;br /&gt;个人资料无法汉化。唯一的做法就是自己用语句引用图片和链接&lt;br /&gt;在代码中找到相应的英文字符，直接替换成中文即可。以我的模板为例，代码如下&lt;br /&gt;（不同模板代码不一定完全相同，另外我添加了一个"固定链接"并更改了顺序，请注意）：&lt;br /&gt;&lt;br /&gt;《!-- Begin .post --》&lt;br /&gt;《div class="post"》《a name="《$BlogItemNumber$》"》《/a》&lt;br /&gt;&lt;br /&gt;《BlogItemTitle》&lt;br /&gt;《h3 class="post-title"》&lt;br /&gt;《BlogItemUrl》《a href="《$BlogItemUrl$》" title="external&lt;br /&gt;link"》《/BlogItemUrl》&lt;br /&gt;《a&lt;br /&gt;href="《$BlogItemPermalinkUrl$》"》《$BlogItemTitle$》《/a》&lt;br /&gt;《BlogItemUrl》《/a》《/BlogItemUrl》&lt;br /&gt;《/h3》&lt;br /&gt;《/BlogItemTitle》&lt;br /&gt;&lt;br /&gt;《div class="post-body"》&lt;br /&gt;&lt;br /&gt;《div》&lt;br /&gt;《$BlogItemBody$》&lt;br /&gt;《/div》&lt;br /&gt;&lt;br /&gt;《/div》&lt;br /&gt;&lt;br /&gt;《p class="post-footer"》&lt;br /&gt;《em》《$BlogItemAuthorNickname$》 于 《$BlogItemDateTime$》&lt;br /&gt;发布《/em》&lt;br /&gt;《MainOrArchivePage》《BlogItemCommentsEnabled》&lt;br /&gt;《font size=2》《a class="comment-link"&lt;br /&gt;href="《$BlogItemPermalinkUrl$》"&lt;br /&gt;title="固定链接"》固定链接《/a》 《a class="comment-link"&lt;br /&gt;href="《$BlogItemCommentCreate$》"《$BlogItemCommentFormOnclick$》》《$BlogItemCommentCount$》&lt;br /&gt;评论《/a》《/font》&lt;br /&gt;《/BlogItemCommentsEnabled》《BlogItemBacklinksEnabled》&lt;br /&gt;《font size=2》《a class="comment-link"&lt;br /&gt;href="《$BlogItemPermalinkUrl$》#links"》引用通告《/a》《/font》&lt;br /&gt;《/BlogItemBacklinksEnabled》&lt;br /&gt;《/MainOrArchivePage》 《$BlogItemControl$》&lt;br /&gt;《/p》&lt;br /&gt;&lt;br /&gt;《/div》&lt;br /&gt;《!-- End .post --》&lt;br /&gt;&lt;br /&gt;《!-- Begin #comments --》&lt;br /&gt;《ItemPage》&lt;br /&gt;&lt;br /&gt;《div id="comments"》&lt;br /&gt;&lt;br /&gt;《BlogItemCommentsEnabled》《a name="comments"》《/a》&lt;br /&gt;&lt;br /&gt;《h4》《$BlogItemCommentCount$》 评论:《/h4》&lt;br /&gt;&lt;br /&gt;《ul》&lt;br /&gt;《BlogItemComments》&lt;br /&gt;《li id="c《$BlogCommentNumber$》"》《a&lt;br /&gt;name="c《$BlogCommentNumber$》"》《/a》&lt;br /&gt;《p class="comment-data"》At 《a href="#c《$BlogCommentNumber$》"&lt;br /&gt;title="comment permalink"》《$BlogCommentDateTime$》《/a》,&lt;br /&gt;《$BlogCommentAuthor$》 said…《/p》&lt;br /&gt;《div class="comment-body"》&lt;br /&gt;《p》《$BlogCommentBody$》《/p》&lt;br /&gt;《$BlogCommentDeleteIcon$》&lt;br /&gt;《/div》&lt;br /&gt;《/li》&lt;br /&gt;《/BlogItemComments》&lt;br /&gt;《/ul》&lt;br /&gt;&lt;br /&gt;《p class="comment-data"》&lt;br /&gt;《$BlogItemCreate$》&lt;br /&gt;《/p》&lt;br /&gt;&lt;br /&gt;《/BlogItemCommentsEnabled》&lt;br /&gt;《BlogItemBacklinksEnabled》&lt;br /&gt;《a name="links"》《/a》《h4》引用通告:《/h4》&lt;br /&gt;《dl id="comments-block"》&lt;br /&gt;&lt;br /&gt;3.链接下划线、背景色的修改&lt;br /&gt;因为Blog里链接较多，带上下划线会显得杂乱，尤其是sidebar看起来相当不爽。通过CSS全局设置即可去除下划线以及添加鼠标经过时的背景色。此代码要跟在《style&lt;br /&gt;type="text/css"》之后，代码如下：&lt;br /&gt;去除下划线：a{TEXT-DECORATION:none}&lt;br /&gt;添加背景：a:hover {&lt;br /&gt;text-decoration:none;&lt;br /&gt;background-color: #70e1ff;&lt;br /&gt;&lt;br /&gt;}   &lt;p class="entry-footer"&gt;   &lt;span class="post-footers"&gt;Posted by sevendays  at 11:01 下午 &lt;/span&gt; &lt;span class="separator"&gt;|&lt;/span&gt; &lt;a class="permalink" href="http://sevennights7.blogspot.com/2006/08/blogger_12.html"&gt;Permalink&lt;/a&gt; | &lt;blogitemcommentsenabled&gt;&lt;a href="http://www.blogger.com/comment.g?blogID=20688349&amp;postID=115544893533074923&amp;amp;isPopup=true" onclick="window.open('http://www.blogger.com/comment.g?blogID=20688349&amp;postID=115544893533074923&amp;isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"&gt;0 comment(s)&lt;/a&gt; &lt;span class="item-control admin-234431711 pid-717325181"&gt;&lt;a style="border: medium none ;" href="http://www.blogger.com/post-edit.g?blogID=20688349&amp;postID=115544893533074923&amp;amp;quickEdit=true" title="Edit Post"&gt;&lt;span class="quick-edit-icon"&gt; &lt;/span&gt;&lt;/a&gt;&lt;/span&gt;   &lt;/blogitemcommentsenabled&gt;&lt;/p&gt;      &lt;/div&gt;  &lt;/div&gt; &lt;/div&gt;                   &lt;h2 class="date-header"&gt; &lt;/h2&gt;    &lt;div class="entry" id="post-115544734578366188"&gt;     &lt;h3 class="entry-header"&gt;blogger的文章备份&lt;/h3&gt;    &lt;div class="entry-content"&gt;   &lt;div class="entry-body"&gt;        现在要介绍的这个办法理论上可以备份Blogspot上所有的文章，并生成一个统一的XML格式文档，但不包括评论内容。&lt;br /&gt;&lt;br /&gt;1.到https://www.blogger.com/atom/ ，输入用户名和密码（blogspot的用户名本是你的E-MAIL地址，但这边我却可以用E-MAIL上的用户名登陆，真奇怪）。&lt;br /&gt;&lt;br /&gt;2.这时候你可以看到一页的html代码：&lt;br /&gt;3.复制title前面的URL，如我这里的https://www.blogger.com/atom/22433075，并在浏览器中打开这个地址&lt;br /&gt;4.这时打开的浏览器中会显示最近的100篇文章，点击"文件"－"另存为"将其备份到本地电脑。&lt;br /&gt;5.超过100篇文章怎么办，比如我有101篇。方法是，删除最新的一篇文章，然后重复以上操作。（不好意思，这个傻办法就是我所说的"理论上可以备份所有文章"）&lt;br /&gt;Blogger的帮助文档中也有一篇题为《如何创建整个 Blog 的备份？》的文章，不过它的方法似乎还是没有安全保证。   &lt;p class="entry-footer"&gt;   &lt;span class="post-footers"&gt;Posted by sevendays  at 10:35 下午 &lt;/span&gt; &lt;span class="separator"&gt;|&lt;/span&gt; &lt;a class="permalink" href="http://sevennights7.blogspot.com/2006/08/blogger.html"&gt;Permalink&lt;/a&gt; | &lt;blogitemcommentsenabled&gt;&lt;a href="http://www.blogger.com/comment.g?blogID=20688349&amp;postID=115544734578366188&amp;amp;isPopup=true" onclick="window.open('http://www.blogger.com/comment.g?blogID=20688349&amp;postID=115544734578366188&amp;isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"&gt;0 comment(s)&lt;/a&gt; &lt;span class="item-control admin-234431711 pid-717325181"&gt;&lt;a style="border: medium none ;" href="http://www.blogger.com/post-edit.g?blogID=20688349&amp;postID=115544734578366188&amp;amp;quickEdit=true" title="Edit Post"&gt;&lt;span class="quick-edit-icon"&gt; &lt;/span&gt;&lt;/a&gt;&lt;/span&gt;   &lt;/blogitemcommentsenabled&gt;&lt;/p&gt;      &lt;/div&gt;  &lt;/div&gt; &lt;/div&gt;                   &lt;h2 class="date-header"&gt; &lt;/h2&gt;    &lt;div class="entry" id="post-115544689703333041"&gt;     &lt;h3 class="entry-header"&gt;记得第一次接触Blog是在2003年&lt;/h3&gt;    &lt;div class="entry-content"&gt;   &lt;div class="entry-body"&gt;        记得第一次接触Blog是在2003年，那个时候还不知道这个叫Blog，甚至还以为那些写日志的人都很自恋（因为感觉他们写的日志好像后面有很多人会看）。&lt;br /&gt;&lt;br /&gt;直到05年Blog已经走进了人们的生活，我才认识到了它真正的意义。但我是个挑剔的人，在试了中国博客网、玩转了MsnSpaces、安家了个人主页后我还是选择了放弃，因为我找不到我喜欢的地方。&lt;br /&gt;喜欢Blogger是不久前的事情，但可惜有缘无份……&lt;br /&gt;&lt;br /&gt;最后迷上了GOOGLE的服务后，又再一次来到了Blogger，前不久偶然的又进了次，才知道解封了，马上又投入了进来。   &lt;p class="entry-footer"&gt;   &lt;span class="post-footers"&gt;Posted by sevendays  at 10:21 下午 &lt;/span&gt; &lt;span class="separator"&gt;|&lt;/span&gt; &lt;a class="permalink" href="http://sevennights7.blogspot.com/2006/08/blog2003.html"&gt;Permalink&lt;/a&gt; | &lt;blogitemcommentsenabled&gt;&lt;a href="http://www.blogger.com/comment.g?blogID=20688349&amp;postID=115544689703333041&amp;amp;isPopup=true" onclick="window.open('http://www.blogger.com/comment.g?blogID=20688349&amp;postID=115544689703333041&amp;isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"&gt;0 comment(s)&lt;/a&gt; &lt;span class="item-control admin-234431711 pid-717325181"&gt;&lt;a style="border: medium none ;" href="http://www.blogger.com/post-edit.g?blogID=20688349&amp;postID=115544689703333041&amp;amp;quickEdit=true" title="Edit Post"&gt;&lt;span class="quick-edit-icon"&gt; &lt;/span&gt;&lt;/a&gt;&lt;/span&gt;   &lt;/blogitemcommentsenabled&gt;&lt;/p&gt;      &lt;/div&gt;  &lt;/div&gt; &lt;/div&gt;                   &lt;h2 class="date-header"&gt; &lt;/h2&gt;    &lt;div class="entry" id="post-115536757828226649"&gt;     &lt;h3 class="entry-header"&gt;黑客&amp;小白对话，暴汗&lt;/h3&gt;    &lt;div class="entry-content"&gt;   &lt;div class="entry-body"&gt;        黑客：我控制了你的电脑&lt;br /&gt;　　小白：怎么控制的？&lt;br /&gt;　　黑客：用木马&lt;br /&gt;　　小白：。。。。。。在哪里？我没看不见&lt;br /&gt;　　黑客：打开你的任务管理器&lt;br /&gt;　　小白：。。。。。。。任务管理器在哪？&lt;br /&gt;　　黑客：。。。。。你的电脑下面！！&lt;br /&gt;　　小白：“我的电脑”里面没有啊&lt;br /&gt;　　黑客：算了，当我什么也没做过&lt;br /&gt;　　&lt;br /&gt;　　黑客：我已经控制了你的电脑&lt;br /&gt;　　小白：哦&lt;br /&gt;　　黑客：害怕了吧？！嘿嘿&lt;br /&gt;　　小白：来的正好，帮我杀杀毒吧，最近我的机子毛病很多耶&lt;br /&gt;　　黑客：。。。。。。&lt;br /&gt;　　&lt;br /&gt;　　小白：你怎么总是在我电脑里随便进进出出&lt;br /&gt;　　黑客：你可以装防火墙&lt;br /&gt;　　小白：装防火墙，你就不能进入了吗？&lt;br /&gt;　　黑客：不啊，我只是想增加点趣味性，这样控制你的电脑让我觉得很白痴耶&lt;br /&gt;　　&lt;br /&gt;　　&lt;span class="yincang"&gt;小白：听说你会制造“病毒”？！&lt;br /&gt;　　黑客：嗯&lt;br /&gt;　　小白：你可以控制别人的电脑？！&lt;br /&gt;　　黑客：一般是的&lt;br /&gt;　　小白：那你可以黑掉那些网站吗？&lt;br /&gt;　　黑客：当然，没听到人家叫我“黑客”吗？&lt;br /&gt;　　小白：。。。。哦~~~`我还以为那是因为你长得很黑。。。。。&lt;br /&gt;　　“咣~~”&lt;br /&gt;　　&lt;br /&gt;　　黑客：我又来了！！&lt;br /&gt;　　小白：你天天进来，不觉得很烦吗？&lt;br /&gt;　　黑客：是很烦，你的机子是我见过的最烂的一台了&lt;br /&gt;　　小白：不是吧，这可是名牌&lt;br /&gt;　　黑客：我是说你的机子里除了弱智游戏就只有病毒了&lt;br /&gt;　　小白：哦~~那你看到我的“连连看”了吗，不记得装在哪，找了好久了耶&lt;br /&gt;　　黑客：。。。。。再见&lt;br /&gt;　　&lt;br /&gt;　　黑客：嗨~~~我来了！&lt;br /&gt;　　小白：好几天不见你，被我的防火墙挡住啦？&lt;br /&gt;　　黑客：哈哈，笑话，上你的机子比我自己的还容易，不是想我了吧&lt;br /&gt;　　小白：我是想请你帮一个忙&lt;br /&gt;　　黑客：什么事？&lt;br /&gt;　　小白：你能不能进入电力系统修改一点数据&lt;br /&gt;　　黑客：。。。。。。你想干嘛！！&lt;br /&gt;　　小白：求求你，帮我把我家这个月的电费消了吧。。。。。。&lt;br /&gt;　　黑客：去死！！&lt;br /&gt;　　&lt;br /&gt;　　黑客：你死哪去了？！！！&lt;br /&gt;　　小白：。。。。出去玩了几天啊，找我干嘛&lt;br /&gt;　　黑客：我要找点东西&lt;br /&gt;　　小白：在我这儿找什么东西？&lt;br /&gt;　　黑客：病毒，找一条前几年的老病毒，只有你的机子上病毒保存的最全啦&lt;br /&gt;　　&lt;br /&gt;　　黑客：我来了！！&lt;br /&gt;　　。。。。。。&lt;br /&gt;　　黑客：怎么不说话？&lt;br /&gt;　　小白：心情不好&lt;br /&gt;　　黑客：谁欺负你了？&lt;br /&gt;　　小白：我的一个Q号搞丢了，里面有我的网上初恋&lt;br /&gt;　　黑客：这个简单，我帮你拿回来&lt;br /&gt;　　小白：拿不回来了&lt;br /&gt;　　黑客：不可能，告诉我，多少号？&lt;br /&gt;　　小白：呜~~~~就是不记得了&lt;br /&gt;　　&lt;br /&gt;　　小白：你给我出来！！！！&lt;br /&gt;　　黑客：怎么啦？！&lt;br /&gt;　　小白：你是不是用我的ID去论坛玩了？！！&lt;br /&gt;　　黑客：。。。。不好意思，忘了告诉你了，不过，我没干坏事，就瞎编了个贴子，我保证下次再也不玩了&lt;br /&gt;　　小白：那不行！！！&lt;br /&gt;　　黑客：你还要怎么样？&lt;br /&gt;　　小白：你发的贴子得红脸了耶，我第一次得红脸，好开心哦，你必须再给我编一个&lt;br /&gt;　　黑客：倒！&lt;br /&gt;　　&lt;br /&gt;　　黑客：嘿嘿，刚才我做了一件很有趣的事&lt;br /&gt;　　小白：什么事&lt;br /&gt;　　黑客：我到论坛上去顶贴了&lt;br /&gt;　　小白：这很平常啊&lt;br /&gt;　　黑客：我见贴就顶，尽情的骂楼主是猪，好解气&lt;br /&gt;　　小白：哇塞，太过瘾了，我可从来不敢，会被封杀的！&lt;br /&gt;　　黑客：没错，已经被封杀了。&lt;br /&gt;　　小白：这还有趣？！&lt;br /&gt;　　黑客：是啊，因为我用的是你的ID&lt;br /&gt;　　&lt;br /&gt;　　小白：你是高手吗？&lt;br /&gt;　　黑客：可以说是吧。&lt;br /&gt;　　小白：高到什么程度？&lt;br /&gt;　　黑客：嗯，我无聊的时候就自己黑自己&lt;br /&gt;　　小白：哈，这个我也会！&lt;br /&gt;　　黑客：#￥%！你也可以？！&lt;br /&gt;　　小白：是啊，一关机它就黑了。。。。。&lt;br /&gt;　　黑客：滚！&lt;/span&gt;   &lt;p class="entry-footer"&gt;   &lt;span class="post-footers"&gt;Posted by sevendays  at 12:22 上午 &lt;/span&gt; &lt;span class="separator"&gt;|&lt;/span&gt; &lt;a class="permalink" href="http://sevennights7.blogspot.com/2006/08/blog-post.html"&gt;Permalink&lt;/a&gt; | &lt;blogitemcommentsenabled&gt;&lt;a href="http://www.blogger.com/comment.g?blogID=20688349&amp;amp;postID=115536757828226649&amp;isPopup=true" onclick="window.open('http://www.blogger.com/comment.g?blogID=20688349&amp;postID=115536757828226649&amp;isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"&gt;0 comment(s)&lt;/a&gt; &lt;span class="item-control admin-234431711 pid-717325181"&gt;&lt;a style="border: medium none ;" href="http://www.blogger.com/post-edit.g?blogID=20688349&amp;postID=115536757828226649&amp;amp;quickEdit=true" title="Edit Post"&gt;&lt;span class="quick-edit-icon"&gt; &lt;/span&gt;&lt;/a&gt;&lt;/span&gt;   &lt;/blogitemcommentsenabled&gt;&lt;/p&gt;      &lt;/div&gt;  &lt;/div&gt; &lt;/div&gt;                   &lt;h2 class="date-header"&gt;星期五, 八月 11, 2006 &lt;/h2&gt;         &lt;h3 class="entry-header"&gt;免费的Blogspot/Blogger模版网站&lt;/h3&gt;               &lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.pkblogs.com/freeblogspottemplates" target="_blank"&gt;http://www.pkblogs.com/freeblogspottemplates&lt;/a&gt; （推荐）&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.pkblogs.com/freetemplates" target="_blank"&gt;http://www.pkblogs.com/freetemplates&lt;/a&gt; （推荐）&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.pkblogs.com/blogger-templates" target="_blank"&gt;http://www.pkblogs.com/blogger-templates&lt;/a&gt; （推荐）&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.pkblogs.com/blogspottemplates" target="_blank"&gt;http://www.pkblogs.com/blogspottemplates&lt;/a&gt; （推荐）&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.pkblogs.com/thrbrtemplates" target="_blank"&gt;http://www.pkblogs.com/thrbrtemplates&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.geckoandfly.com/blogspot-templates/" target="_blank"&gt;http://www.geckoandfly.com/blogspot-templates/&lt;/a&gt; （推荐）&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://my.opera.com/1ee/blog/show.dml/171870" target="_blank"&gt;http://my.opera.com/1ee/blog/show.dml/171870&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.createblog.com/layouts/index.php?type_id=1" target="_blank"&gt;http://www.createblog.com/layouts/index.php?type_id=1&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.bloggerforum.com/"&gt;http://www.bloggerforum.com&lt;/a&gt;&lt;br /&gt;&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.isnaini.com/blogger-templates/" target="_blank"&gt;http://www.isnaini.com/blogger-templates/&lt;/a&gt;&lt;br /&gt;Update:来自&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://we-blog.uni.cc/" target="_blank" rel="external nofollow"&gt;了了而已&lt;/a&gt;的补充（感谢）&lt;br /&gt;&lt;a title="http://blog-templates.ravasthi.name/ (http://blog-templates.ravasthi.name/) (http://blog-templates.ravasthi.name/) (http://blog-templates.ravasthi.name/)" onclick="return top.js.OpenExtLink(window,event,this)" href="http://blog-templates.ravasthi.name/%C2%A0" target="_blank"&gt;http://blog-templates.ravasthi.name/&lt;/a&gt;&lt;br /&gt;&lt;a title="http://www.pkblogs.com/templates-para-blogger (http://www.pkblogs.com/templates-para-blogger) (http://www.pkblogs.com/templates-para-blogger) (http://www.pkblogs.com/templates-para-blogger )" onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.pkblogs.com/templates-para-blogger" target="_blank"&gt;http://www.pkblogs.com/templates-para-blogger&lt;/a&gt;&lt;br /&gt;&lt;a title="http://www.pkblogs.com/templatetricks/2006/01/immediately-go-to-your-first-post.html (http://www.pkblogs.com/templatetricks/2006/01/immediately-go-to-your-first-post.html) (http://www.pkblogs.com/templatetricks/2006/01/immediately-go-to-your-first-post.html) (http://www.pkblogs.com/templatetricks/2006/01/immediately-go-to-your-first-post.html)" onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.pkblogs.com/templatetricks/2006/01/immediately-go-to-your-first-post.html" target="_blank"&gt;http://www.pkblogs.com/templatetricks/2006/01/immediately-go-to-your-first-post.html&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.diaphaneity.com/layouts/"&gt;http://www.diaphaneity.com/layouts/&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.wannabegirl.org/firdamatic"&gt;http://www.wannabegirl.org/firdamatic&lt;/a&gt;&lt;br /&gt;&lt;u&gt;&lt;span style="color: rgb(0, 0, 255);"&gt;&lt;/span&gt;&lt;/u&gt;&lt;br /&gt;补充：这里还有一个&lt;a onclick="return top.js.OpenExtLink(window,event,this)" href="http://psyc.horm.org/#PsycHo" target="_blank"&gt;Blogspot模版自动生成器&lt;/a&gt;，喜欢DIY的朋友不妨试一试。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-8774571265350298622?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/8774571265350298622/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=8774571265350298622' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8774571265350298622'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/8774571265350298622'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/01/blogger_30.html' title='blogger使用'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-2626976265917259812</id><published>2007-01-29T18:38:00.000-08:00</published><updated>2007-01-29T18:41:25.606-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>博客可用性：十大错误设计</title><content type='html'>&lt;p&gt;&lt;strong&gt;&lt;/strong&gt;1. No Author Biographies&lt;br /&gt;没有作者介绍&lt;br /&gt;2. No Author Photo&lt;br /&gt;没有作者的照片&lt;br /&gt;3. Nondescript Posting Titles&lt;br /&gt;没有意义的文章标题&lt;br /&gt;4. Links Don’t Say Where They Go&lt;br /&gt;链接没有说清楚要去哪&lt;br /&gt;5. Classic Hits are Buried&lt;br /&gt;6. The Calendar is the Only Navigation&lt;br /&gt;只有日历导航&lt;br /&gt;7. Irregular Publishing Frequency&lt;br /&gt;写博不规律&lt;br /&gt;8. Mixing Topics&lt;br /&gt;9. Forgetting That You Write for Your Future Boss&lt;br /&gt;忘了你将来的老板可能也会看到你的文章&lt;br /&gt;10.Having a Domain Name Owned by a Weblog Service&lt;br /&gt;有个博客服务商（BSP）的域名&lt;/p&gt;&lt;blockquote&gt;                  &lt;/blockquote&gt;&lt;p&gt;&lt;strong&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;　作者&lt;/strong&gt;：Jakob Nielsen&lt;br /&gt;&lt;strong&gt;原文地址：&lt;/strong&gt;&lt;a href="http://www.useit.com/alertbox/weblogs.html" target="_blank"&gt;Jakob Nielsen - Weblog Usability: The Top Ten Design Mistakes&lt;/a&gt;&lt;/p&gt; &lt;p&gt;　　博客是网站的一种形态，因此对于网站易用性的一些指导方针同样适用于博客，但是博客是一种特殊类型的网站，他们的一些独特的特性会产生一些完全不同的可用性问题。&lt;/p&gt; &lt;p&gt;　　博客的一个最伟大的好处是它本质上将你从“网站设计”中解放了，你写一篇文章，点一个按钮，它就发布到互联网上，不需要那些平面设计、网页设计、交互设计、消息架构，任何编程和服务器维护都不需要了。&lt;/p&gt; &lt;p&gt;　　博客出现的结果，使得建立网站更简单了，互联网上的写作群体爆炸性地增长，这是简单易用的重要性的一个明显证明。&lt;/p&gt; &lt;p&gt;　　博客的第二个好处是，他们是天然的内容供应者：他们依靠链接和短评而流行，你不一定要写一片完整的论文或者处理原始的调查报告，你只需要找到网 上一些有趣的站点链接，并尽可能多地发表自己对其的评论或者增加一些例子。显然，这比运作一个常规网站要容易的多，而且这同时也不会减少他人的利益。&lt;/p&gt; &lt;p&gt;　　博客的第三个好处是，博客是一种社会生态系统（通常也叫博客圈），和原来的反馈循环很类似：任何一篇好文章都是用过其他网站的链接得到宣传，使 得更多的读者/作者看到这篇好文章，然而更多人添加这篇文章的链接，这样的结果是，链接频率导致齐夫定律，好文章得到更多的链接。&lt;/p&gt; &lt;p&gt;　　一些人的确只是把博客当做私人日记，只给家庭成员或者亲密朋友访问，博客可用性指导方针通常不会用在这种网站上，因为读者事先的交往和动机比那些第三方用户更重要。不过，当你的博客需要一些陌生的新读者的时候，可用性就显得很重要了。&lt;/p&gt; &lt;p&gt;　　同样，当你的读者来自企业内部网，可用性依然十分重要，因为你的读者都是企业人。&lt;/p&gt; &lt;p&gt;　　可用性指导内容&lt;/p&gt; &lt;p&gt;　　要使得你有源源不断的新读者，并且不流失已有的读者，那么，检查一下你的博客是否已经修改了以下的可用性问题。&lt;/p&gt; &lt;p&gt;&lt;strong&gt;　　1. 没有作者介绍&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;　　如果你是一个企业博客，那么你不可能不添加一个完整的“关于我们”这样的栏目。同样道理，对于一个个人博客来说，添加一个“个人介绍”页面的最基本理由是：用户想知道他们在看谁的文章。&lt;/p&gt; &lt;p&gt;　　这只是一点小小的信任问题。匿名文章相对于署名文章来说可信度会降低，而且除非个人非常有名，我们不能简单说这是Joe写的文章。读者想了解关 于Joe的更多事情，他是否有足够的资格在这某个问题上发表评论，他的评论是否可信。（就算你不能正式证明你是可信的，只要你看上去真诚，读者就会信任 你）&lt;/p&gt; &lt;p&gt;&lt;strong&gt;　　2. 没有作者照片&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;　　即使博客系统有照片功能，很多博客往往也忽略了提供作者照片。照片之所以重要，是因为以下两个原因：&lt;/p&gt; &lt;p&gt;　　1）它提供了一个更为个性化的作者形象。你用一个最简单的方法就可以增强你的可信度，因为你没有隐瞒。同样，用户会更为相信那些他们见过面的人。&lt;/p&gt; &lt;p&gt;　　2）它连接了虚拟世界和现实世界。以前认识你的人会认出你的照片，看过你网站的人，在现实生活中也会认出你（比如，如果是企业内部博客，在公司会议或者公司餐厅里别人会认出你）。&lt;/p&gt; &lt;p&gt;　　人类大脑的记忆力主要其中在一个人的面部，对许多人来说，相貌比名字更容易记忆。&lt;/p&gt; &lt;p&gt;　　同时，如果你希望自己的经营的博客被报纸引用，你应该提供一个可供下载的高分辨率图片。&lt;/p&gt; &lt;p&gt;&lt;strong&gt;　　3. 没有意义的文章标题&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;　　可悲的是，即使很多有天赋的博客，在写作的时候也很少采用规范性的写作指导方针。这些规范适用于文章内容，但最主要的还适用于文章标题。标题必须要抓住文章内容的要点。避免那些和文章不相关的可笑滑稽、毫无意义的标题。&lt;/p&gt; &lt;p&gt;　　文章的标题是整个文章的精华和浓缩，应该认真对待，在字字千金的基础上，标题的编写是所有写作中最重要的。&lt;/p&gt; &lt;p&gt;　　好的文章标题对于搜索引擎、RSS订阅器等外部环境显得尤为重要，在这些环境下，用户往往只看到标题就可以确定是否应该点击进入查看文章的全部 内容。即使用户看到了标题下有一些简短摘要（例如大部分搜索引擎所做的），测试数据表明，人们往往只读标题。你需要面对的另一个现实是，人们在阅读大量信 息的时候往往只看标题的前三、四个单词。&lt;/p&gt; &lt;p&gt;　　举例来讲，以下就是典型的坏标题：&lt;/p&gt; &lt;p&gt;　　&lt;em&gt;这就是你需要的东西&lt;/em&gt;&lt;/p&gt; &lt;p&gt;　　&lt;em&gt;嗨，大家好！&lt;/em&gt;&lt;/p&gt; &lt;p&gt;　　&lt;em&gt;被抛弃的受害者&lt;/em&gt;&lt;/p&gt; &lt;p&gt;　　一些好的标题例如：&lt;/p&gt; &lt;p&gt;　　&lt;em&gt;关于日食的照片展示&lt;/em&gt;&lt;/p&gt; &lt;p&gt;　　&lt;em&gt;停车场支付给政府4百万元用以解决虚假案例的通过（标题虽然太长，但是只读前几个单词，你还是可以知道大概的意思）&lt;/em&gt;&lt;/p&gt; &lt;p&gt;　　&lt;em&gt;冰激淋售卖车在教堂开张了&lt;/em&gt;&lt;/p&gt; &lt;p&gt;　　最后一个标题是和宗教相关的博客，如果你写关于冰激淋产业的博客，那么应该把“教堂”写在前面，因为你全文的内容都和冰激淋有关。&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;　4. 链接没有说清楚要去的地方&lt;/strong&gt; &lt;/p&gt;&lt;p&gt;　　许多作者觉得这么写链接很酷：“一些人认为”或者“更多内容参见这里和那里”，请记住网络最基本的一条：点一个未知的链接是在浪费时间。所以一定要告诉人们他们将要点击的是什么内容，打开后会看到什么。&lt;/p&gt; &lt;p&gt;　　一般情况下，你需要在链接文字或者漂浮文字中提供一个尽可能多的资料。你也可以使用链接的title属性来补充那些你不想在内容里写的文字（查看title的效果，讲鼠标停到链接上即可）。&lt;/p&gt; &lt;p&gt;　　类似这一类的错误还有使用缩写，例如，当你在文章中提到的你熟人的小名的时候，除非你只写给你的朋友，不要将你的新访客排斥在你的小圈子之外。网络并不是学校。&lt;/p&gt; &lt;p&gt;&lt;strong&gt;　　5. 埋没经典的文章&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;　　当你写的好文章已经得到读者的肯定的时候，不要急于将其归档，否则用户只能通过寻找发布日期来找到这篇文章。&lt;/p&gt; &lt;p&gt;　　因此，你需要在你的重要区域直接链接这些文章，比如，我在写300个专栏前，写着“阅读本文前，请先阅读‘101个可用性’和‘网站设计十大错误’”。&lt;/p&gt; &lt;p&gt;　　同时你还要记得，经常链接一下你过去写的文章，不要相信你的读者从一开始就读你的博客，把文章的背景等知识告诉你的读者，他们愿意多了解你的想法。&lt;/p&gt; &lt;p&gt;&lt;strong&gt;　　6. 只有日历导航&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;　　时间线索也许是最好的存档方式，但并不是最好的导航方式。多数博客软件提供了按类型分类的方式，这样用户可以方便地找到某个栏目的全部文章。使用这样的分类，但是不要把一篇文章加上所有的分类，要具有选择性，将文章发布在最合适的栏目中。&lt;/p&gt; &lt;p&gt;　　栏目必须足够详细，使用户彻底了解栏目的含义。同时，不能让用户面对一个非常详细到类似菜单似的选择，那很难阅读和理解，通常来说10到20多个栏目是比较合适的。&lt;/p&gt; &lt;p&gt;　　在每一栏目的首页中，重点强调一下最新发布的文章。&lt;/p&gt; &lt;p&gt;&lt;strong&gt;　　7. 发布没有规律&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;　　网站设计的基本原则是确立并符合用户的期望。对于一个博客来说，就是用户必须能够提前知道下次的更新会发生在什么时候。&lt;/p&gt; &lt;p&gt;　　对于大多数博客来说，最好能够每天更新，但对于某些话题来说，每星期甚至每个月更新也可以接受。在这两种情况下，选择一个固定的发布日期，并坚持下去。如果你通常每天都写，但有时突然中断了几个月，不进行任何更新，那么你就会失去大部份忠诚而且是最有价值的读者。&lt;/p&gt; &lt;p&gt;　　当然，如果你实在无话可说，那就不要发布文章了，网络污染是种罪过，为保证正常的发布，可以先保留一些想法，等其成熟后再去发布。&lt;/p&gt; &lt;p&gt;&lt;strong&gt;　　8. 混乱的主题&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;　　如果你总在发表不同类型的主题，你就不太可能吸引一批忠实的高价值用户。忙碌的人们只会去阅读他们感兴趣的话题，如果他们感兴趣的话题掺杂在大量其他话题之间，那么他们可能不会继续阅读，只有那些闲得发慌的人才会去阅读所有的话题（这些人往往是低价值用户）。&lt;/p&gt; &lt;p&gt;　　你的内容越集中，你的读者就越集中。这又使你在你的小环境中更具影响力。所以，为了树立权威，你的主题要始终如一。&lt;/p&gt; &lt;p&gt;　　如果你实在想说些其他的话题，那么就建立两个博客站点，并在两者之间相互做适当的链接。&lt;/p&gt; &lt;p&gt;&lt;strong&gt;　　9. 忘了你将来的老板可能也会看到你的文章&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;　　无论你在网上写什么东西，不管博客也好，论坛也好，甚至是电子邮件，你都要想一下，十年后你的老板看到这些会是什么想法。一篇文章一旦发布出去，就无法收回来了，文章会被存档、转载、甚至散布到很多你永远都不知道的网站上。&lt;/p&gt; &lt;p&gt;　　试想一下，多年以后的某一天，当你的老板开始考虑雇佣你做一些核心工作的时候，他会去查询一下你过去的资料（只需要在Google上搜索一下就可以全部搜索出来），这时候，他会发现有人曾经以你的名字发布了那么多不成熟的“分析”或者一些令人厌恶的脏话和争吵。&lt;/p&gt; &lt;p&gt;　　三思而后行，如果你不希望你以后的老板看到这篇文章，那么就不要发布它。&lt;/p&gt; &lt;p&gt;&lt;strong&gt;　　10. 有个博客服务商的域名&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;　　使用一个博客托管的空间（你的博客地址是采用类似blogspot.com、typepad.com这样的域名），等同于使用一个免费电子邮件地址或者免费地球村的主页一样，对于一个新手来说可能是无所谓的。&lt;/p&gt; &lt;p&gt;　　但是，你使用别人的空间，意味着你的命运在被别人掌握着。他们可以随心所欲地降低服务质量，还可以随意提高收费，他们可以在你页面顶部加闪烁的 广告或者弹出窗口，他们可以把你的竞争对手的广告放在你的首页。是的，你可以选择离开，但是你要为此付出代价：忠诚读者的损失，和其他网站的交换链接的失 效，搜索引擎级别的降低。&lt;/p&gt; &lt;p&gt;　　你使用免费博客托管服务的时间越长，你付出的代价就越惨重。是的，使用那些免费博客服务可以很容易、很迅速地建立一个完全免费的博客空间，但 是，一个域名的费用只需要每年8美元，而你获得的不仅仅是你个人的域名，还有你的未来。当你认识到你是在很认真地写作的时候，就应该立刻放弃别人掌握的那 种域名，而使用自己独立的域名，你拖延的时间越长，你最终转移时所遭受的痛苦就越大。&lt;/p&gt; &lt;p&gt;&lt;strong&gt;&lt;em&gt;　　我对这篇文章的看法：&lt;br /&gt;&lt;/em&gt;&lt;/strong&gt;&lt;strong&gt;　　&lt;/strong&gt;观点3－10我都 同意，但是不同意1和2，我认为中国的博客不应该提供作者介绍和作者照片，一个原因就是文章中的第九条，为了不让老板看到而放弃自己的真实想法是可悲的， 另外的原因是，这两条只有在法律健全的国家才能适用，在中国目前的社会环境和网络环境下完全不适用，在很多情况下人们的安全根本无法得到法律的保护，奢谈 什么“可信度”无异于痴人说梦。人们要做的首要事情是自己保护自己，其次才是写文章，当一个人连自身的安全都无法保证的时候，发布自己真实的名字和照片只 会给自己带来各种不必要的麻烦。&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-2626976265917259812?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/2626976265917259812/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=2626976265917259812' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/2626976265917259812'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/2626976265917259812'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/01/blog-post.html' title='博客可用性：十大错误设计'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-5175814111938791654</id><published>2007-01-29T18:34:00.000-08:00</published><updated>2007-01-29T18:35:16.026-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>一些BlogSpot的模版</title><content type='html'>既然BlogSpot已经可以访问了，我这里就收集一些BlogSpot的模版，来源于&lt;a target="_blank" href="http://www.angiemckaig.com/misc/blogtemplates.html"&gt;the ultimate blog template list&lt;/a&gt;，大家可以继续倒腾自己的BlogSpot了。&lt;ul&gt;&lt;li&gt;&lt;a href="http://blogplates.net/"&gt;Blog-Plates&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://www.blogdesigns.com/"&gt;BlogDesigns&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://www.blogfashions.com/"&gt;Blog Fashions&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://blogger-templates.blogspot.com/"&gt;Blogger Templates&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://www.blogskins.com/"&gt;BlogSkins&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://www.ehsany.com/"&gt;Blog Templates @ ehsany.com - includes templates in Farsi&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://www.wannabegirl.org/css/"&gt;CSS Colouring Book&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://www.elated.com/pagekits/"&gt;Elated Page Kits&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://www.eyeforbeauty.com/Linkware/journaltemp.html"&gt;EyeForBeauty - Templates for your Journal&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://ann-s-thesia.com/eyesites.shtml"&gt;EyeSites&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://freetemplates.blogspot.com/"&gt;Free Blogger Templates for Blogspot&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://freeblogspottemplates.blogspot.com/"&gt;Free BlogSpot Templates&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://www.glish.com/css/blogger/"&gt;glish.com - Blogger Template&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://www.groovylizard.com/site/linkware.htm"&gt;Groovy Lizard&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://www.ajoyfulheart.com/linkware.htm"&gt;Joyful Heart Designs&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://www.karysima.com/graphics.php"&gt;Karysima Pre-coded Movable Type Templates&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://love-productions.com/blogplates/"&gt;Love Productions Blogplates&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://blogtemplates.noipo.org/"&gt;noipo&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://www.pointoffocus.com/Graphics/focusblogger.html"&gt;Point of Focus - Blogger templates&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://shellen.com/jason/features/blogger_template.shtml"&gt;shellen.com - Blogger Templates&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://spiderman.sonypictures.com/bugle/weblogs/downloads.php"&gt;Spiderman 2 Blog Templates&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://starlit.lunardreams.net/designs.php"&gt;Starlit Dreams Weblog Designs&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a href="http://themes.weblogger.com/"&gt;Weblogger Themes&lt;/a&gt; &lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-5175814111938791654?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/5175814111938791654/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=5175814111938791654' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/5175814111938791654'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/5175814111938791654'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/01/blogspot.html' title='一些BlogSpot的模版'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-116913115728022685</id><published>2007-01-18T06:38:00.000-08:00</published><updated>2007-01-28T23:33:26.563-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>替Blogger加上文章分類功能</title><content type='html'>&lt;p&gt;緣起是在Goston's Blog看到&lt;a href="http://goston.blogspot.com/2005/06/blog-rss-to-javascript.html"&gt; RSS to JavaScript 服務商更換&lt;/a&gt;這篇文章, 但是連過去看後, 實在看不懂...所以從這篇文章的comments, 又發現了新天地- 用&lt;a href="http://www.furl.net/"&gt;Furl&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;初探Furl, 跟&lt;a href="http://www2.blogger.com/profile/6897924"&gt;badbrother&lt;/a&gt;的&lt;a href="http://alanchen.blogspot.com/2005/05/365key.html"&gt;感覺一樣&lt;/a&gt;, 跟365key很相似. 但是三個考量, 所以我還是從Furl下手改造.&lt;br /&gt;&lt;br /&gt;一是想把蒐集的新聞, 與自己的文章做區分. 同時也可以知道兩種文章的數量.&lt;br /&gt;&lt;br /&gt;二是中國與台灣之間的網路狀況比較不穩, 偶有無法使用365key的狀況. 幾篇新聞沒有被加到365key沒關係, 但是幾篇自己的文章沒有分類, 總是有點缺憾.&lt;br /&gt;&lt;br /&gt;三是強迫自己分別用這兩個服務, 可以知道雙方的功能進步速度.&lt;br /&gt;&lt;br /&gt;---------------------------------&lt;br /&gt;&lt;br /&gt;以下是"如何幫Blogspot加上分類"的概念, 如果中間步驟不清楚, 請參考文末的網友細部說明.&lt;br /&gt;&lt;br /&gt;1) 申請Furl帳號, 並建立自己的分類(My archive&gt; My topics)- 分類可以細一點, 因為會影響到後面"文章顯示篇數"的問題.&lt;br /&gt;&lt;br /&gt;2) 選擇自己順手的bookmark方式(My tools&gt; Install Furl)&lt;br /&gt;&lt;br /&gt;3) 將自己過去的文章, 手動加到Furl的書籤中.&lt;br /&gt;將來文章呈現方式是&lt;span style="font-weight: bold;"&gt;依照你加入書籤的順序, 從最新的一篇開始往下排. 所以建議手動加入時, 從最舊的文章開始做, 這樣產生的順序才會是最新的在最上方.&lt;/span&gt; (天啊, 我整理這16個月來的613篇文章, 花了我三個小時...)&lt;br /&gt;&lt;br /&gt;4) 產生分類List (My tools&gt; Add Furl to my site). 可以點選Advance做細部修改.&lt;br /&gt;* 從Number of items更改顯示篇數, 上限是999. 不知道能否從Script code修改能否突破999上限, 但是為了顧及loading速度及網頁美觀, 我只設定顯示50篇.&lt;br /&gt;* 將每個"Include items from"產生一段JavaScript code, post成一篇Blog文章即可. 例如, 我將"My hobby-fun stuff"類別產生一段code, post一篇文章, 並把發表日期改掉, 就成了&lt;a href="http://alanchen.blogspot.com/2004/01/blog-post_18.html"&gt;這樣子&lt;/a&gt;.&lt;br /&gt;* 在產生code時, 也可視需求把comment, date...這些一起輸出. 我的經驗是, 整頁都是連結會不利於閱讀. 所以我把date也加了進來. 讀者也會比較清楚該篇文章的時效性. 如果你夠勤勞, 也可以替每篇文章加上簡述, 讓使用者更了解該篇文章.&lt;br /&gt;&lt;br /&gt;5) 修改blogspot template, 讓連結直接連到該篇post.&lt;br /&gt;某些你希望他隨時間沉沒的文章, 可以根本不加入Furl, 或是歸類到其他類別. 例如我在分類時, 將部份不知所云, 或是已經超過時效性的文章分到一兩個類別. 所以直接從&lt;a href="http://www.furl.net/members/cghb1210"&gt;我的Furl&lt;/a&gt;進入時, 共有17類文章, 但是我在blog的分類中, 我只列出了13種分類. 當然, 你也可以將整個類別直接設為私人不公開, 這樣讀者就算從Furl連進去, 也無法看到.&lt;br /&gt;&lt;br /&gt;參考資料:&lt;br /&gt;&lt;a href="http://www.oui-blog.com/reder/archives/005906.html"&gt;日光遊樂場: Blogger.com 分類by Furl&lt;/a&gt;&lt;br /&gt;&lt;a href="http://euyoung.blogspot.com/2005/04/blog-2-furl.html"&gt;euyoung's soliloquy: [Blog]文章分類教學 之2-Furl用法&lt;/a&gt;&lt;br /&gt;&lt;a href="http://euyoung.blogspot.com/2005/04/blog3.html"&gt;euyoung's soliloquy: [Blog]文章分類教學之3-開始分類&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-116913115728022685?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/116913115728022685/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=116913115728022685' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116913115728022685'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116913115728022685'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/01/blogger_18.html' title='替Blogger加上文章分類功能'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-116911112297590343</id><published>2007-01-18T01:05:00.000-08:00</published><updated>2007-01-28T23:35:09.743-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>Google 2006 in 12 Pictures</title><content type='html'>&lt;h3 class="post-title"&gt;   &lt;/h3&gt;       &lt;span style="font-weight: bold;"&gt;January&lt;/span&gt;&lt;br /&gt;&lt;div face="trebuchet ms" style="color: rgb(51, 204, 0);" class="post-footer"&gt;     &lt;/div&gt;Google agrees to &lt;a href="http://blog.searchenginewatch.com/blog/060125-072617"&gt;censor search results&lt;/a&gt; in China. "In order to operate from China, we have removed some content from the search results available on Google.cn, in response to local law, regulation or policy. While removing search results is inconsistent with Google’s mission, providing no information (or a heavily degraded user experience that amounts to no information) is more inconsistent with our mission."&lt;br /&gt;&lt;br /&gt;Compare the image search results for [Tiananmen] in Google China (screenshot below) with &lt;a href="http://images.google.com/images?&amp;q=tiananmen"&gt;the uncensored results&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;img src="http://photos1.blogger.com/x/blogger/7506/607/1600/395140/google-china.jpg" alt="" style="border: medium none ;" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;February&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Google &lt;a href="http://mail.google.com/mail/help/chat.html"&gt;integrates instant messaging&lt;/a&gt; into Gmail. Google saves your chat history and lets you search it.&lt;br /&gt;&lt;br /&gt;&lt;img src="http://photos1.blogger.com/x/blogger/7506/607/1600/943349/google-chat.gif" alt="" style="border: medium none ;" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;March&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Google &lt;a href="http://googleblog.blogspot.com/2006/03/writely-so.html"&gt;acquires Writely&lt;/a&gt;, an online word processor, that will later become a part of Google Docs &amp; Spreadsheets.&lt;br /&gt;&lt;br /&gt;&lt;img src="http://photos1.blogger.com/x/blogger/7506/607/1600/535345/writely-small.gif" alt="" style="border: medium none ;" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;April&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://googlesystem.blogspot.com/2006/04/google-calendar-launched.html"&gt;Google Calendar launches&lt;/a&gt;: it's easy to use, integrated with Gmail, you can create and share events. Later on, Google will add search for public events.&lt;br /&gt;&lt;br /&gt;&lt;img src="http://photos1.blogger.com/x/blogger/7506/607/1600/973930/google-calendar-small.gif" alt="" style="border: medium none ;" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;May&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.google.com/coop/"&gt;Google Co-op&lt;/a&gt; is a new platform that involves improving search results by using experts and communities. Google Co-op is behind the search refinements you see for health-related queries (and others), &lt;a href="http://labs.google.com/accessible/"&gt;Google Accessible Search&lt;/a&gt;, &lt;a href="http://google.com/coop/cse/"&gt;custom search engines&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;img src="http://photos1.blogger.com/x/blogger/7506/607/1600/79308/coop.gif" alt="" style="border: medium none ;" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;June&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://googlesystem.blogspot.com/2006/06/google-checkout-launched.html"&gt;Google Checkout&lt;/a&gt;, an easier and safer way to make payments. But also an incentive for AdWords advertisers.&lt;br /&gt;&lt;br /&gt;&lt;img style="border: medium none ; display: block; text-align: center;" src="http://photos1.blogger.com/blogger/7506/607/400/checkout-cart.gif" alt="" border="0" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;July&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Google is officially &lt;a href="http://googlesystem.blogspot.com/2006/07/google-is-officially-english-word.html"&gt;an English word&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;img style="border: medium none ; display: block; text-align: center;" src="http://photos1.blogger.com/x/blogger/7506/607/1600/24125/google-definition.gif" alt="" border="0" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;August&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://googlesystem.blogspot.com/2006/08/google-launches-corporate-package.html"&gt;Google Apps for Your Domain&lt;/a&gt; lets you access Google services using custom mail addresses.&lt;br /&gt;&lt;br /&gt;&lt;img style="border: medium none ; display: block; text-align: center;" src="http://photos1.blogger.com/blogger/7506/607/400/google-hosted.0.jpg" alt="" border="0" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;September&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://googlesystem.blogspot.com/2006/09/google-reader-switches-to-bloglines.html"&gt;Google Reader has a new interface&lt;/a&gt; and becomes one of the best online feed readers.&lt;br /&gt;&lt;br /&gt;&lt;img src="http://photos1.blogger.com/blogger/7506/607/1600/google-reader-list-view.gif" alt="" style="border: medium none ;" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;October&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.google.com/press/pressrel/google_youtube.html"&gt;Google buys YouTube&lt;/a&gt; for $1.65 billion in stock. This way, Google gets more exposure for its contextual video ads and admits Google Video wasn't too successful.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.youtube.com/watch?v=QCVxQ_3Ejkg"&gt;&lt;img src="http://photos1.blogger.com/x/blogger/7506/607/1600/338253/youtube-founders.jpg" alt="" style="border: medium none ;" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;November&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;A sign that Google had a great financial year: on November 21, Google's shares &lt;a href="http://money.cnn.com/2006/11/21/technology/google_500/index.htm"&gt;jumped to $509.65&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;img src="http://photos1.blogger.com/blogger/7506/607/1600/goog-stock-over-500.gif" alt="" style="border: medium none ;" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;December&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Google officially launches &lt;a href="http://googlesystem.blogspot.com/2006/08/new-blogger.html"&gt;the new version of Blogger&lt;/a&gt; that adds dynamic publishing, labels, and a more flexible template editor.&lt;br /&gt;&lt;br /&gt;&lt;img src="http://photos1.blogger.com/x/blogger/7506/607/1600/780661/new-blogger.gif" alt="" style="border: medium none ;" /&gt;      &lt;div class="post-footer"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-116911112297590343?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/116911112297590343/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=116911112297590343' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116911112297590343'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116911112297590343'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/01/google-2006-in-12-pictures.html' title='Google 2006 in 12 Pictures'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-116910759079477039</id><published>2007-01-18T00:03:00.000-08:00</published><updated>2007-01-18T00:55:23.286-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>人本界面-GoogleGroup后台设计</title><content type='html'>&lt;span style="font-weight: bold;font-size:85%;" &gt;1&lt;span style="font-size:100%;"&gt;  论坛外观总的设置界面&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/195166/snap007.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3453/4245/320/658935/snap007.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-size:100%;" &gt;2  选择模版页面：很方便的设置模版，并能适时看到模版的效果&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/160246/snap008.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3453/4245/320/494468/snap008.jpg" alt="" border="0" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-weight: bold;"&gt;3  比一些网站那些网站，直接给出CSS让用户修改的要方便和高校很多，这也许就是“图形界面”和“纯代码显示”的区别吧&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/748618/snap009.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3453/4245/320/640881/snap009.jpg" alt="" border="0" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/748618/snap009.jpg"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-size:100%;" &gt;4 字体设置界面，选择字体非常方便，调整大小也可以直接预览效果&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/748618/snap009.jpg"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/26456/snap010.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3453/4245/320/105814/snap010.jpg" alt="" border="0" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/748618/snap009.jpg"&gt;&lt;br /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-size:100%;" &gt;5  以下是其他网站一些不友好的设计,全部都是代码，顶多再提供一些代码修改说明&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/748618/snap009.jpg"&gt;&lt;br /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/436077/snap011.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3453/4245/320/412694/snap011.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/748618/snap009.jpg"&gt;&lt;br /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style="text-align: left;"&gt;&lt;span style="font-size:100%;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/606697/snap012.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3453/4245/320/265274/snap012.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/26456/snap010.jpg"&gt;&lt;br /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-116910759079477039?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/116910759079477039/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=116910759079477039' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116910759079477039'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116910759079477039'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2007/01/googlegroup.html' title='人本界面-GoogleGroup后台设计'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-116747992360130355</id><published>2006-12-30T03:54:00.000-08:00</published><updated>2006-12-30T03:58:43.610-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>update the website</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/684198/new03.gif"&gt;&lt;img style="cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3453/4245/200/47303/new03.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/633433/new01.gif"&gt;&lt;img style="cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3453/4245/200/577107/new01.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/651217/old.jpg"&gt;&lt;img style="cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3453/4245/200/864335/old.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3453/4245/1600/727169/new02.gif"&gt;&lt;img style="cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3453/4245/200/914211/new02.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-116747992360130355?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/116747992360130355/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=116747992360130355' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116747992360130355'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116747992360130355'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2006/12/update-website.html' title='update the website'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-116719915520677899</id><published>2006-12-26T21:58:00.000-08:00</published><updated>2008-11-13T07:59:35.443-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>Party</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_UzdgUmAvQQw/RcAG9QS53KI/AAAAAAAAAAM/OMAJ1H_Upss/s1600-h/logo.gif"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://1.bp.blogspot.com/_UzdgUmAvQQw/RcAG9QS53KI/AAAAAAAAAAM/OMAJ1H_Upss/s320/logo.gif" alt="" id="BLOGGER_PHOTO_ID_5026024833561517218" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://photos1.blogger.com/x/blogger/3453/4245/640/150915/1.jpg"&gt;&lt;img style="margin: 0px 10px 10px 0px; float: left;" alt="" src="http://photos1.blogger.com/x/blogger/3453/4245/320/444671/1.jpg" border="0" /&gt;&lt;/a&gt; &lt;a href="http://picasa.google.com/blogger/" target="ext"&gt;&lt;img src="http://photos1.blogger.com/pbp.gif" alt="Posted by Picasa" style="border: 0px none ; padding: 0px; background: transparent none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="middle" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-116719915520677899?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/116719915520677899/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=116719915520677899' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116719915520677899'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116719915520677899'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2006/12/party.html' title='Party'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_UzdgUmAvQQw/RcAG9QS53KI/AAAAAAAAAAM/OMAJ1H_Upss/s72-c/logo.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-116608428958939329</id><published>2006-12-14T00:17:00.000-08:00</published><updated>2006-12-14T00:31:31.426-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>Google search Rebuilding - a fool's work</title><content type='html'>&lt;h1 class="title"&gt;新设计 google 的UI&lt;/h1&gt;&lt;div&gt;&lt;span class="eng"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;table class="showlogtable"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;这个 &lt;a target="_blank" href="http://www.andyrutledge.com/contact.php" rel="external" class="ubblink"&gt;andy&lt;/a&gt; 是个不错的UI设计师。他批判了 google 首页的种种弊端，并且给出了自己的设计练习。&lt;br /&gt;&lt;br /&gt;google 首页的问题&lt;br /&gt;&lt;img class="croped" src="http://blog.guoshuang.com/guoshuangweb/temp/whyhere.jpg" onclick="" /&gt;=514){window.open(this.src)}" alt=""&gt;&lt;br /&gt;&lt;br /&gt;重新设计后的效果&lt;br /&gt;&lt;a target="_blank" href="http://www.andyrutledge.com/googleredux_example.html" rel="external" class="ubblink"&gt;&lt;img class="croped" src="http://blog.guoshuang.com/guoshuangweb/temp/google_interface2_sm.jpg" onclick="" /&gt;=514){window.open(this.src)}" alt=""&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;在这之前还有对 ebay 的UI设计练习&lt;br /&gt;&lt;br /&gt;ebay 首页的问题&lt;br /&gt;&lt;img class="croped" src="http://blog.guoshuang.com/guoshuangweb/temp/scrshoteb.jpg" onclick="" /&gt;=514){window.open(this.src)}" alt=""&gt;&lt;br /&gt;&lt;br /&gt;重新设计后的效果&lt;br /&gt;&lt;a target="_blank" href="http://www.andyrutledge.com/images/ebayredux/ebaycomp1.jpg" rel="external" class="ubblink"&gt;&lt;img class="croped" src="http://blog.guoshuang.com/guoshuangweb/temp/ebaycomp1_sm.jpg" onclick="" /&gt;=514){window.open(this.src)}" alt=""&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;BTW:他老人家说的一些UI设计原则满有意思的：&lt;br /&gt;&lt;br /&gt;In design, if you don't know why you're putting something somewhere you're likely making a mistake.&lt;br /&gt;&lt;br /&gt;Design is an exercise in the exploitation of human behavior and perception. Our job is to exploit as far as is appropriate.&lt;br /&gt;&lt;br /&gt;guoshuang2006-02-04+google真的要变脸？&lt;br /&gt;&lt;div&gt;&lt;div class="resized"&gt;此图片设置了大小，点击查看原尺寸!&lt;/div&gt;&lt;/div&gt;&lt;img title="此图片设置了大小，点击查看原尺寸!" style="cursor: pointer; clear: right;" class="resized" src="http://www.cnbeta.com//xiaolu/soft/cnbeta.JPG" onclick="window.open(this.src);return false;" alt="此图片设置了大小，点击查看原尺寸!" width="100%" /&gt;&lt;br /&gt;via &lt;a target="_blank" href="http://www.cnbeta.com//modules.php?name=News&amp;file=article&amp;amp;sid=10057" rel="external" class="ubblink"&gt;http://www.cnbeta.com//modules.php?name=News&amp;file=article&amp;amp;sid=10057&lt;/a&gt;&lt;div class="edit"&gt;[Edit on 2006-2-4 22:13:26 By guoshuang]&lt;/div&gt;&lt;div class="tagInfo"&gt;&lt;img style="margin: 3px; vertical-align: middle; cursor: pointer;" src="http://blog.guoshuang.com/images/technobubble.gif" alt="technorati tags" title="technorati search it" onclick="'this.nextSibling.style.display=" display="=" /&gt;&lt;span style="display: none;"&gt; &lt;a href="http://technorati.com/tag/uidesign" rel="uidesign"&gt;uidesign&lt;/a&gt; &lt;a href="http://technorati.com/tag/webdesign" rel="webdesign"&gt;webdesign&lt;/a&gt;&lt;/span&gt; Tags: &lt;a href="http://blog.guoshuang.com/index.asp?vt=tags&amp;tags=uidesign" rel="uidesign"&gt;uidesign&lt;/a&gt; &lt;a href="http://blog.guoshuang.com/index.asp?vt=tags&amp;amp;tags=webdesign" rel="webdesign"&gt;webdesign&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div id="logAuthor" style="color: rgb(204, 204, 204); text-align: right; font-size: 10px;"&gt;[ from &lt;a target="_blank" rel="external" href="http://www.guoshuang.com/" title="本文来自-本站原创"&gt;本站原创&lt;/a&gt; ]&lt;/div&gt;&lt;div id="logTrack" style="text-align: right;"&gt;引用地址(&lt;span class="eng"&gt;Pingback&lt;/span&gt;)：&lt;input style="border-style: solid; border-color: rgb(153, 153, 153) rgb(238, 238, 238) rgb(238, 238, 238) rgb(153, 153, 153); border-width: 1px; padding: 3px; width: 380px; background-color: rgb(238, 255, 238); color: rgb(102, 102, 102); font-family: verdana; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal;" value="http://blog.guoshuang.com/tbgs.asp?blogArId=3559" onclick="this.select();"&gt;&lt;/div&gt;&lt;div class="showloginfo"&gt;By [&lt;a target="_blank" class="author" href="http://blog.guoshuang.com/usermdb.asp?un=guoshuang" rel="external"&gt;guoshuang&lt;/a&gt;] at 19:12:34 | Comments [3] | &lt;a target="_blank" href="http://blog.guoshuang.com/showTB.asp?log_id=3559" rel="external"&gt;TrackBack&lt;/a&gt;[0] | 1141 views &lt;/div&gt;&lt;script type="text/javascript"&gt;&lt;!-- google_ad_client = 'pub-3332674173523723'; google_ad_width = 468; google_ad_height = 60; google_ad_format = '468x60_as'; google_ad_type = 'text_image'; google_ad_channel =''; google_color_border = 'FFFFFF'; google_color_bg = 'FFFFFF'; google_color_link = '0000FF'; google_color_url = '008000'; google_color_text = '000000'; //--&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"&gt; &lt;/script&gt;&lt;iframe name="google_ads_frame" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-3332674173523723&amp;dt=1166081136890&amp;amp;lmt=1166081136&amp;format=468x60_as&amp;amp;output=html&amp;url=http%3A%2F%2Fblog.guoshuang.com%2Fshowlog.asp%3Flog_id%3D3559%26cat_id%3D0&amp;amp;amp;amp;amp;amp;amp;amp;color_bg=FFFFFF&amp;color_text=000000&amp;amp;color_link=0000FF&amp;color_url=008000&amp;amp;color_border=FFFFFF&amp;ad_type=text_image&amp;amp;ref=http%3A%2F%2Fblog.guoshuang.com%2Fshowlog.asp%3Flog_id%3D3559&amp;cc=100&amp;amp;amp;amp;amp;amp;amp;amp;u_h=768&amp;u_w=1024&amp;amp;u_ah=738&amp;u_aw=1024&amp;amp;u_cd=32&amp;u_tz=480&amp;amp;u_his=2&amp;u_java=true&amp;amp;u_nplug=21&amp;u_nmime=96" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" frameborder="0" height="60" scrolling="no" width="468"&gt;&lt;/iframe&gt; &lt;div&gt;&lt;strong&gt;≡≡≡ 网友评论 ≡≡≡&lt;/strong&gt;&lt;/div&gt;&lt;a name="mark_3986"&gt;&lt;/a&gt;&lt;table class="showlogtable"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;div class="sayborder"&gt;&lt;img src="http://blog.guoshuang.com/face/face1.gif" alt="个性头像" class="absmiddle" /&gt; &lt;a href="http://blog.guoshuang.com/usermdb.asp?un=Bryan"&gt;Bryan&lt;/a&gt; 网友说：&lt;/div&gt;&lt;div class="friendsword"&gt;UI强人阿……google,ebay改版吧&lt;/div&gt;&lt;div style="padding: 3px; background-color: rgb(250, 250, 250); font-size: 10px; color: rgb(204, 204, 204);"&gt;User-Agent:Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1 at 2006-2-4 19:59:02&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;a name="mark_3987"&gt;&lt;/a&gt;&lt;table class="showlogtable"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;div class="sayborder"&gt;&lt;img src="http://blog.guoshuang.com/face/face3.gif" alt="个性头像" class="absmiddle" /&gt; &lt;a href="http://blog.guoshuang.com/usermdb.asp?un=ffish"&gt;ffish&lt;/a&gt; 网友说：&lt;/div&gt;&lt;div class="friendsword"&gt;google不利用左右宽度可能是刻意而为之，因为几乎没有谁不利用左右宽度。&lt;br /&gt;不知这位UI大师看到google最早期的UI又该如何评价。&lt;/div&gt;&lt;div style="padding: 3px; background-color: rgb(250, 250, 250); font-size: 10px; color: rgb(204, 204, 204);"&gt;User-Agent:Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/20051111 Firefox/1.5 at 2006-2-4 22:22:30&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;a name="mark_6639"&gt;&lt;/a&gt;&lt;table class="showlogtable"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;div class="sayborder"&gt;&lt;img src="http://blog.guoshuang.com/face/face1.gif" alt="个性头像" class="absmiddle" /&gt; &lt;a href="http://blog.guoshuang.com/usermdb.asp?un=san"&gt;san&lt;/a&gt; 网友说：&lt;/div&gt;&lt;div class="friendsword"&gt;瞎改，乱改，除了做的花哨一些别的都没有实质性改进。&lt;br /&gt;再改就成msn了&lt;/div&gt;&lt;div style="padding: 3px; background-color: rgb(250, 250, 250); font-size: 10px; color: rgb(204, 204, 204);"&gt;User-Agent:Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN; rv:1.8.1) Gecko/20061010 Firefox/2.0 at 2006-12-14 15:25:36&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;!--左侧sidebar结束--&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-116608428958939329?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/116608428958939329/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=116608428958939329' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116608428958939329'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116608428958939329'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2006/12/google-search-rebuilding-fools-work.html' title='Google search Rebuilding - a fool&apos;s work'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-38045105.post-116608206482149385</id><published>2006-12-13T23:40:00.000-08:00</published><updated>2006-12-13T23:43:08.413-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='交互设计'/><title type='text'>Google界面重设计</title><content type='html'>&lt;p&gt; 微软和google两家公司在很多领域都拼得你死我活，在UI也走着截然相反的路线。Google简洁朴实，微软华丽渲染。微软的下一代应用程序表现层编 程的平台Avalon为我们构建专业且功能丰富的用户体验提供了保障。它在   .NET   Framework   基础上生成，并利用   Direct3D   进行基于向量的呈现，为生成所有种类的浸入式应用程序提供了强大的解决方．随着google的兴起，Web应用简洁明快之风似乎一下子风靡了起来，但是用 户界面是否越google越好吗？   Google   Desktop   Search   与   MSN   Desktop   Search用户体验截然不同．   谁的UI更能吸引你呢？ &lt;span&gt;问题点数：0、&lt;/span&gt;&lt;/p&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;我先装了Google   Desktop   Search，用了一段时间后卸载了，换成MSN   Desktop   Search了，一直用到现在。  &lt;br /&gt;    &lt;br /&gt;  首先GDS(Google   Desktop   Search)和系统的整合不好，倒是花足功夫和www.google.com搞得很类似，比如托盘栏图标我就不是很喜欢，太突兀。MDS就好多了，感觉 就像是Windows的内置功能，Toolbar的观感也很不错，和资源管理器"无缝连接"。  &lt;br /&gt;    &lt;br /&gt;  从功能上说，GDS过于追求google风格，反而影响了软件的功能，不能像MDS一样很方便地预览是一大硬伤。GDS可以定制的功能太少了，比如不能定制何时索引，不能暂停索引等。  &lt;br /&gt;    &lt;br /&gt;  从资源占用的角度说，GDS搜索结果显示在浏览器中，而MDS搜索结果显示在资源管理器中，虽然explorer比iexplorer初始内存占用得少， 但是MDS是把所有结果都一次展现出来，而GDS采用了分页机制。所以当搜索结果很多的时候，GDS更占优势。  &lt;br /&gt;    &lt;br /&gt;  为了模拟出google网页搜索的界面，GDS还专门安装了一个小小的本地web站点，虽然很有创意，我总感觉有点多此一举。  &lt;br /&gt;    &lt;br /&gt;  另外主页上有个人评论MDS索引速度快但是条目不多，这个是他的误解，MDS索引条目和GDS差不多，速度也是差不多的。不同的是MDS没有显示出索引进度，而GDS有显示，所以那位试用者很可能把MDS索引暂停误解成索引完毕了。  &lt;br /&gt;    &lt;br /&gt;  以上是我的个人感觉，我更偏向MSN   Desktop   Search，因为观感和整合性都远远强于GDS，而核心的搜索功能，两者相差不大，MDS更丰富，可定制性也强一些。从软件大小来说，GDS仅仅1M左 右，MDS将近9M，不知道有没有人在乎这点呢。  &lt;br /&gt;    &lt;br /&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;avalon提供的不仅仅是界面   还有背后的一套模型   技术&lt;span style="text-decoration: underline;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="text-decoration: underline;"&gt;&lt;/span&gt;&lt;strong&gt;&lt;a class="anchor" name="r_32346202"&gt;&lt;br /&gt;&lt;/a&gt;&lt;/strong&gt;&lt;span&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;GDS   用过了,感觉不够好,启动呈现速度都比较慢,这点和它在本地的WEB   SERVER有关系  &lt;br /&gt;  MDS   正在试用,还没有发言权.&lt;a href="http://topic.csdn.net/t/20051118/01/4401384.html#"&gt;Top&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;&lt;strong&gt;&lt;a class="anchor" name="r_32349974"&gt;&lt;/a&gt;&lt;/strong&gt;&lt;span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;反对微软,支持google,不然很多的程序员都没有饭吃,或拿比较少的薪水&lt;a href="http://topic.csdn.net/t/20051118/01/4401384.html#"&gt;Top&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;&lt;strong&gt;&lt;a class="anchor" name="r_32350167"&gt;&lt;/a&gt;&lt;/strong&gt;&lt;span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;google简洁是好  &lt;br /&gt;  但需要在简洁和易用、效率之间找到一个平衡&lt;a href="http://topic.csdn.net/t/20051118/01/4401384.html#"&gt;Top&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;&lt;strong&gt;&lt;a class="anchor" name="r_32350872"&gt;&lt;/a&gt;&lt;/strong&gt;&lt;span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;我还是觉得google做的比较不错,不能单从一个桌面搜索来下结论,虽然我用过之后也卸载了.  &lt;br /&gt;  但我感觉google作软件还是从客户的易用性出发的，注重功能。反正无觉得google的邮箱就不错，很好用，有很多方便之处，还有他的新闻等等，虽然现在处于beta期，但是，能有感觉会更好的。&lt;a href="http://topic.csdn.net/t/20051118/01/4401384.html#"&gt;Top&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;&lt;strong&gt;&lt;a class="anchor" name="r_32351355"&gt;&lt;/a&gt;&lt;br /&gt;&lt;/strong&gt;&lt;span&gt; &lt;/span&gt;&lt;/h3&gt; &lt;p&gt;这两个Desk   Search我都用过，最后也都不用了。可能是不太成熟的缘故，使用一段时间后总是出现莫名其妙的错误，达不到预期目的。尤其是MDS安装过两次，用过几 天后出现问题，提示重新安装Desk   Search   Bar.   更要命的是每次重新安装，需要重新创建索引。在这一点Google比较好，在删除GDS会提示保存索引文件，这样重新安装后不用花太长时间创建索引了。  &lt;br /&gt;    &lt;br /&gt;  从检索速度上感觉MDS要快捷一点。  &lt;br /&gt;    &lt;br /&gt;  无论是GDS还是MDS，UI不足以决定使用哪一个。重要的是满足用户需求，稳定可靠才是真。&lt;a href="http://topic.csdn.net/t/20051118/01/4401384.html#"&gt;Top&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;&lt;strong&gt;&lt;a class="anchor" name="r_32352939"&gt;&lt;/a&gt;&lt;/strong&gt;&lt;span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;i   like   google.&lt;a href="http://topic.csdn.net/t/20051118/01/4401384.html#"&gt;Top&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;&lt;strong&gt;&lt;a class="anchor" name="r_32353156"&gt;9 楼&lt;/a&gt;wangjemmy（杰）&lt;input class="user2" title="二级用户 该版得分小于等于500分，大于100分" type="button"&gt;&lt;/strong&gt;&lt;span&gt;回复于 2005-11-19 14:34:27 得分 0 &lt;/span&gt;&lt;/h3&gt; &lt;p&gt;LZ,   Google好像没有和avalon相提并论的东西吧......  &lt;br /&gt;    &lt;br /&gt;  avalon   提供的可不只是用户体验上的东西，那些东西现在也可以做，也许就稍微麻烦一点罢了。  &lt;br /&gt;  Avalon   面向的是开发人员,提供了一种类似asp.net   的代码/界面分离的方案,当然同时也可以充分利用用户的显示设备为用户提供最好的体验。  &lt;br /&gt;    &lt;br /&gt;  &lt;a href="http://topic.csdn.net/t/20051118/01/4401384.html#"&gt;Top&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;&lt;strong&gt;&lt;a class="anchor" name="r_32354739"&gt;10 楼&lt;/a&gt;ZJQ100（欢迎加入MSN的IT群：group10665@xiaoi.com）&lt;input class="user2" title="二级用户 该版得分小于等于500分，大于100分" type="button"&gt;&lt;/strong&gt;&lt;span&gt;回复于 2005-11-19 17:03:12 得分 0 &lt;/span&gt;&lt;/h3&gt; &lt;p&gt;软件，实用就好！&lt;a href="http://topic.csdn.net/t/20051118/01/4401384.html#"&gt;Top&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;&lt;strong&gt;&lt;a class="anchor" name="r_32354844"&gt;11 楼&lt;/a&gt;tian_cai（添财）&lt;input class="user1" title="一级用户 该版得分小于等于100分" type="button"&gt;&lt;/strong&gt;&lt;span&gt;回复于 2005-11-19 17:13:22 得分 0 &lt;/span&gt;&lt;/h3&gt; &lt;p&gt;Google受人喜爱，不是因为界面简洁，而是因为他确实能解决问题。比如说确实能搜到我想找的东西&lt;a href="http://topic.csdn.net/t/20051118/01/4401384.html#"&gt;Top&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;&lt;strong&gt;&lt;a class="anchor" name="r_32355350"&gt;12 楼&lt;/a&gt;zeusvenus（清柳)(Open Source）&lt;input class="star2" title="二星用户 该版得分小于等于30000分，大于10000分" type="button"&gt;&lt;/strong&gt;&lt;span&gt;回复于 2005-11-19 18:25:07 得分 0 &lt;/span&gt;&lt;/h3&gt; &lt;p&gt;我是骑墙主义，两家的都用；  &lt;br /&gt;  我是实用主义，谁好用用谁。  &lt;br /&gt;    &lt;br /&gt;  －－－－－－－－－－－－  &lt;br /&gt;    &lt;br /&gt;  :)&lt;a href="http://topic.csdn.net/t/20051118/01/4401384.html#"&gt;Top&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;&lt;strong&gt;&lt;a class="anchor" name="r_32362469"&gt;13 楼&lt;/a&gt;freelysay（haha）&lt;input class="user1" title="一级用户 该版得分小于等于100分" type="button"&gt;&lt;/strong&gt;&lt;span&gt;回复于 2005-11-20 19:02:59 得分 0 &lt;/span&gt;&lt;/h3&gt; &lt;p&gt;觉得MS的界面并不以华丽见长，Apple的才是，MS其实是比较中庸的，它的界面最大特点是反应比较快（相对gnome和macos）。&lt;a href="http://topic.csdn.net/t/20051118/01/4401384.html#"&gt;Top&lt;/a&gt;&lt;/p&gt;&lt;h3&gt;&lt;strong&gt;&lt;a class="anchor" name="r_32395271"&gt;14 楼&lt;/a&gt;zhujiechang（小朱）&lt;input class="user3" title="三级用户 该版得分小于等于1000分，大于500分" type="button"&gt;&lt;/strong&gt;&lt;span&gt;回复于 2005-11-22 17:29:31 得分 0 &lt;/span&gt;&lt;/h3&gt; 两者其实我都不喜欢.都是大海捞针的搜索.经常是找到一大堆我不想要的,而想要的不知道在哪里.或者在第几+页(能找到N页).我自己写了一个搜索专门搜索自己的东东.很合要求.因为我的学习资本本身是有一定的存放格式和注释的.显示的格式和类别也符合自己的要求.  &lt;br /&gt;  虽然目前我仍在用GDS,因为在特别模糊时或者非正常要求时它还是有用的.例如网页缓存等.希望下一代搜索引擎不只是这样.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/38045105-116608206482149385?l=chinaux.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chinaux.blogspot.com/feeds/116608206482149385/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=38045105&amp;postID=116608206482149385' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116608206482149385'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/38045105/posts/default/116608206482149385'/><link rel='alternate' type='text/html' href='http://chinaux.blogspot.com/2006/12/google.html' title='Google界面重设计'/><author><name>黑梦</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://www.douban.com/spic/s1734947.jpg'/></author><thr:total>0</thr:total></entry></feed>
