美国知名科技博客ReadWriteWeb今天撰文称，再过10年，Skype或许会拥有与亚马逊和谷歌同样的地位，成为Web 2.0时代的最大赢家，并列举了10大理由：
1、创收能力

Skype拥有创收能力。其2008年总收入约为5亿美元。当然，这一指标恐怕也只有在Web 2.0这个古怪的领域才算的上是一个优势。我虽然很喜欢Twitter，但是Twitter至今仍然没有持续的收入来源，因此其未来状况如何还是一个疑问、

2、盈利能力

Skype已然盈利。eBay首席执行官约翰-多纳霍(John Donahoe)曾表示，Skype的利润率在15%至20%之间。这就意味着它能够在经济下滑中得以幸存。而Facebook则不得不在当今的市场中继 续融资，这表明，它的模式从一开始就存在瑕疵，同时也意味着Facebook作为独立公司存在的日子已经非常有限。想要掌控自己的命运，一定要盈利。

3、加速增长

尽管市场形势严峻，Skype依旧在加速增长。公开数据显示，Skype年增长率保持在 30%至40%。而且Skype也顺应趋势开展成本节约计划，这将体现在近期的财报中。上一季度，多纳霍称，Skype与Skype之间的通话数增长 73%，而Skype与外部线路之间的通话数也增长了63%。

4、技术领先

Skype拥有突破性的技术。突破性的技术已经被过度炒作，但是用在Skype这里却非常合 适。Skype的P2P技术极大的降低了通话费用，但却仍然有利可图。与Facebook和YouTube相比，Skype的新用户不会增加太多成本，但 却会为其他人提升服务，这也正是P2P技术的核心所在。

5、病毒营销

Skype是一个完美的病毒营销例子。为了实现廉价高质的通话方式，人们都会广泛分发自己的Skype号码。而收到号码的人也在做着同样的事情。

6、市场庞大

全球电信市场容量为2万亿美元。但是又有多少人会对自己正在使用的电信公司无比忠诚，以至于 不会转向价格更为低廉的服务呢？当然，假如有一天Skype果真能够统治电信市场，由于价格因素，其容量或许不足2万亿美元，就按25%，也就是5000 亿美元来算吧，这仍然是一个规模庞大的市场。而且电信市场的老牌企业在创新领域面临着两难境地。倘若真的去追赶Skype，就无疑会加速其现有业务的衰 落。

7、手机平台潜力巨大

Skype已经登陆到了手机平台。也就是说，只要有Wi-Fi的地方，都可以使用Skype。目前这一技术还被牢牢控制在运营商和手机设备制造商手中。但是有朝一日，这一状况将被打破。那时，价格低廉的Skype将更受欢迎。

8、渐成主流

看看那些相隔两地的人是怎么通话的吧。你会惊奇的发现，Skype已经成为主流。

9、用户粘性高

我之所以仍在使用谷歌是因为它的表现优于其他产品，但是想要更换搜索引擎却易如反掌。但是， 如果有人建议我使用其他的与Skype类似的通话软件，我却会拒绝。我在Skype上拥有众多联系方式，我了解它的性能，而且已经将Skype与很多外部 设备绑定。随着用户对交流的渴望急剧升温，Skype还会不断增加新的功能以提升用户体验。

10、IPO因素

Skype完全有能力进行首次公开募股（IPO）。很多人说，IPO市场枯竭是由《萨班斯-奥克斯利法案》（Sarbanes-Oxley Act）造成的。这完全是胡扯，真正的原因在于我们缺乏有利可图、增长迅速且市场潜力巨大的企业。

我预计，一旦市场情况好转，eBay就会通过IPO将Skype出售。当然，这是迫于股东的压力。Skype没有理由继续留在eBay，这只能令其价值越发模糊。由于Skype在经济衰退时的上佳表现，一旦市场复苏，这一成就必将引起共鸣。

其他候选公司：

除了Skype还有谁可能成为Web 2.0时代的最大赢家。

1、谷歌

谷歌虽然很优秀，但它诞生于1999年，并非真正的Web 2.0公司。

2、YouTube

YouTube仍在亏损，而且没有清晰的盈利模式，完全靠谷歌补贴。很难想象YouTube如何作为一家独立公司存在。

3、Facebook

Facebook长期以来都被人寄予厚望，但是这种情况还能持续多久？它需要找到可持续的盈利模式。它至今仍未创造同时令用户和广告主满意的创收模式。

4、Twitter

前面已经说过了，Twitter缺乏清晰的商业模式。

5、Salesforce.com

与谷歌一样，Salesforce同样诞生于1999年，不算真正的Web 2.0公司。虽然该公司当前的收入高于Skype，但是可供拓展的市场却小得多。

前面说的都是skype的商业模式，可能有炒作的因素，不过后边讲的近几年比较火的新兴web2.0模式都没有找到好的商业模式的确也是现在一个现状。国内的各大视频分享网站,开心网,校内网（现入驻网页游戏）商业模式都不是很清晰，这个时候到底是该只要用户，还是只要商业模式，还是在不影响用户的情况下去尝试合适的商业模式，前几天看过一个报道，关于Fackbook改版的问题，他的任何一个小的改动都可以导致上千万的用户反对。说明web2.0产品更多的还是以用户为中心去做产品的互动性,在互动的过程中开展互动营销和口啤营销。不过现在的口啤营销和互动营销似乎并不成熟。两者的市场结合方式大家都还在一个共同探讨的过程中。

互联网信息信任度越来越底，越来越多的用户更倾向于自己检索信息对比，搜索的地位也就越来越高，SEM也才能赚钱，现在的SNS应该是口啤营销和互动营销的方向。受SNS本身的局限性（用户群-用户有群（用户群相对独立）），MS出了个twitter,听说会比搜索引擎更牛，是人工搜索引擎，口啤营销成本应该会更底。不过就是不知道前景怎么样，如果SNS跟twitter跟当年的blog一样的命运的话，新的商业模式还有待大家去发现了。哈哈，国内成功的商业模式引进到国内，只有游戏，即时通讯，交友平台，blog,SNS至今都还没有成熟的商业模式可以借鉴，有待创新。

或许在这个时候，大家都走进了一个误区，所谓的成熟的商业模式都是经过无数的失败最终形成的，而国内所谓自主创新更多的源于国外成功的发展模式，真正结合国情和国民需求，自主创新的商业模式并不多，似乎在中国互联网未见有，或许这种观点就是极端的，成功的模式本身就是可以借鉴和结合国情和国民需求进一步改进的。

突然想到的一些，不成型。

浏览器的不兼容，大家肯定都是深恶痛绝的，往往我们只是去做修补，却忘了更重要的事情，那就是追溯根源，避免类似的不兼容再次出现。在下不才，归纳几点html编码要素，望能指点各位：

1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。

2.ff下容器高度限定，即容器定义了height之后，容器边框的外形就确定了，不会被内容撑大，而ie下是会被内容撑大，高度限定失效。所以不要轻易给容器定义height。

3.还讨论内容撑破容器问题，横向上的。如果float 容器未定义宽度，ff下内容会尽可能撑开容器宽度，ie下则会优先考虑内容折行。故，内容可能撑破的浮动容器需要定义width。

小实验：有兴趣大家可以看看这段实验。在不同浏览器下分别测试以下各项代码。
   a.<div style=”border:1px solid red;height:10px”></div>  b.<div style=”border:1px solid red;width:10px”></div>

   c.<div style=”border:1px solid red;float:left”></div>        d.<div style=”border:1px solid red;overflow:hidden”></div>

上面的代码在不同浏览器中是不一样的，实验起源于对小height 值div 的运用，<div style=”height:10px;overflow:hidden”></div>，小height 值要配合overflow:hidden一起使用。实验好玩而已，想说明的是，浏览器对容器的边界解释是大不相同的，容器内容的影响结果各不相同。

4.浮动的清除，ff下不清除浮动是不行的。

纠正大家一个误区，遇到不兼容就说ff烂是不对的，其实更多时候是ie的奇怪表现让我们无所适从。以下列出ie6的种种劣迹。

5.最被痛恨的，double-margin bug。ie6下给浮动容器定义margin-left 或者margin-right 实际效果是数值的2倍。解决方案，给浮动容器定义display:inline。

6.mirrormargin bug，当外层元素内有float元素时，外层元素如定义margin-top:14px，将自动生成margin-bottom:14px。padding也会出现类似问题，都是ie6下的特产，该类bug 出现的情况较为复杂，远不只这一种出现条件，还没系统整理。解决方案：外层元素设定border 或 设定float。

引申：ff 和ie 下对容器的margin-bottom，padding-bottom的解释有时不一致，似乎与之相关。

7.吞吃现象，限于篇幅，我就不展开了。还是ie6，上下两个div，上面的div设置背景，却发现下面没有设置背景的div 也有了背景，这就是吞吃现象。对应上面的背景吞吃现象，还有滚动下边框缺失的现象。解决方案：使用zoom:1。这个zoom好象是专门为解决ie6 bug而生的。

8.注释也能产生bug~~~“多出来的一只猪。”这是前人总结这个bug使用的文案，ie6的这个bug 下，大家会在页面看到猪字出现两遍，重复的内容量因注释的多少而变。解决方案：用“<!–[if !IE]> picRotate start <![endif]–>”方法写注释。

9.<li/>里加 float <div/>，这是一个典型的，棘手的兼容问题，希望引起大家正视 ，给li 不同的属性会有不同的解释效果，ff下的解释稍可理解，ie6下的解释会让你摸不着头脑，由于问题的复杂性，将另起一文专门讨论该问题。在《ul使用心得》一文里有相关成果，却没给出问题解决的过程。

10.使用了“float:left;display:inline”的ul的奇怪表现。可以看出这句css是针对ie6下的double margin bug 而加上的display:inline，这也是我的css体系里的重要一环，在《ul使用心得》一文中有相关阐述。而这句css用在ul上会让你痛苦不堪。点到为止，这里不能多说哈。

11.img下的留白，大家看这段代码有啥问题：

<div>
<img src=”” mce_src=”” />
</div>

把div的border打开，你发现图片底部不是紧贴着容器底部的，是img后面的空白字符造成，要消除必须这样写

<div>
<img src=”” mce_src=”” /></div>

后面两个标签要紧挨着。ie7下这个bug 依然存在。解决方案：给img设定 display:block。

12.失去line-height。<div style=”line-height:20px”><img />文字</div>，很遗憾，在ie6下单行文字 line-height 效果消失了。。。，原因是<img />这个inline-block元素和inline元素写在一起了。解决方案：让img 和文字都 float起来。

引申：大家知道img 的align 有 text-top，middle，absmiddle啊什么的，你可以尝试去调整img 和文字让他们在ie和ff下能一致，你会发现怎么调都不会让你满意。索性让img 和文字都 float起来，用margin 调整。

13.链接的hover状态。a:hover img{width:300px} 我们想让鼠标hover时，链接里包含的图片宽度变化，可惜在ie6下无效，ie7、ff下有效。

14.非链接的hover状态。div:hover{} 这样的样式ie6是不认的，在ie7、ff下才有效果。

15.block化的a链接，其内套absolute层，absolute层内放置img，ie下，鼠标点击img不会有链接效果，ff、op下正常。

想不出来了，以后想到再加吧。上面的诸多问题如果你掌握了其中奥妙，90%的不兼容问题不需要另起css hack的。

16.无法彻底清除的float。如果让ul下的li具有了float属性，如何clear浮动的li呢？<ul><li class=”c”></li></ul> 或者 <ul><li><div>class=”c”></div></li></ul> 或者 <ul><li></li><div>class=”c”></div></ul> 或者 <ul><li></li></ul><div>class=”c”></div> 或者上述的组合？这个问题，我无法给出解答。下面有个例子与此相关

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>

<style type=text/css>
.c{clear:both;overflow:hidden;+overflow:visible}
.bd{border:1px solid red}

ul.ex{list-style:none;}
ul.ex li{float:left;border:1px solid green;}
</style>
<ul class=ex>
<li>sfsdfsfdf</li>
<li>sfsdfsfdf</li>
</ul>
<div class=c></div>
<div class=bd style=margin-top:19px>sfsdfsfdf</div>

请在ie下 测试，仅仅将 margin-top:19px 改为margin-top:20px 你发现什么了？要素：doctype必须有，ie6、ie7下margin-top:19px还好好的，margin-top:20px 就出问题了，无法解释。。。大家还可以将 clear 层换不同的位置测试。

解决方案：给ul 属性zoom:1 （给li 加zoom:1 没用）

引申：clear层应该单独使用。也许你为了节省代码把clear属性直接放到下面的一个内容层，这样有问题，不仅仅是ff和op下失去margin效果，ie下某些margin值也会失效
<div style=”background:red;float:left;”>dd</div>
<div style=”clear:both;margin-top:18px;background:green”>ff</div>

17.ie下overflow:hidden对其下的绝对层position:absolute或者相对层position:relative无效。解决方案：给overflow:hidden加position:relative或者position:absolute。另，ie6支持overflow-x或者overflow-y的特性，ie7、ff不支持。

18.ie6下严重的bug，float元素如没定义宽度，内部如有div定义了height或zoom:1，这个div就会占满一整行，即使你给了宽度。float元素如果作为布局用或复杂的容器，都要给个宽度的。

19.ie6下的bug，绝对定位的div下包含相对定位的div，如果给内层相对定位的div高度height具体值，内层相对层将具有100%的width值，外层绝对层将被撑大。解决方案给内层相对层float属性。

20.ie6下的bug，<head></head>内有<base target=”_blank”/>的情况下，position:relative层下的float层内文字无法选中。这个bug迫使我修公用样式库。

21.终于来了个ff的缺点。width:100%这个东西在ie里用很方便，会向上逐层搜索width值，忽视浮动层的影响，ff下搜索至浮动层结束，如此，只能给中间的所有浮动层加width:100%才行，累啊。opera这点倒学乖了跟了ie。

分众老大江南春的某会总结：

  分享一下

上周末应创投大会之邀，在会上和大家分享了我进来对中国传播行业未来机会的一点思考，我概括了九个关键词，在这里贴出来与大家探讨：
    分众传媒所做的生活圈媒体群是大家平时看得见的东西，在未来三年究竟有什么样的机会，尤其媒体业、传播业究竟有什么可能性。我总结传播领域的九个关键词，也许对传播行业有兴趣的朋友对这九个词下面所蕴含的投资机会也有共鸣。

一．链接打开方式
1、新窗口打开
优点：用户点链接的时候，当前浏览的内容不会被替换，不需要通过前进、后退去看自己看过的内容；
缺点：访问一会，就会产生大量窗口，占用资源。每个窗口都需要手动关闭；
2、当前窗口打开
优点：可以一直在一个窗口内看内容，不会打开很多窗口、占用太多资源。窗口只有一个，关闭容易；
缺点：当用户需要看几个页面的内容，或者需要对比着看的时候，就很麻烦。或者必须按住SHIFT点击链接，但很少人知道和使用该操作；
3、有选择的使用新窗口和当前窗口
优点：可以比较人性化的解决以上两种方式所带来的不便。不会大量增加窗口数量，同时用户也可以在多个窗口切换阅读；
缺点：用户在点某个链接时的需求未必与设计人员的想法完全一样。用户无法确定到底现在这个链接是在新窗口还是当前窗口打开，给用户造成一定的心理“压力”。 Read the rest of this entry »

在做视觉设计时，如何高效地使用图标是一门学问：该使用什么样的图标？图标该放在哪里？大小如何？图标的使用是否帮助用户更好更快的理解内容，亦或是增加了他们的理解负担甚至产生误导？今天恰好看到了一篇很好的文章，可以帮助我们了解该如何使用图标来支持内容，故翻译如下：

为什么使用图标？设计就是传达信息：如果你的网站不能吸引用户，这个问题不在于你分享的信息有多重要、有多刺激。在访问一个网站的最初，大多数用户首先扫描页面来寻找视觉上看着有趣的内容，只有某些事物引起了他们的注意力，他们才真正开始阅读。图标是一个简单、有效的方式吸引用户阅读你网站上的内容。

图标起着与分段一样的心理效果：在视觉上，图标打破了内容，使之不那么让人生却。通过图标将内容划分成几个容易理解的段落和重点，这样的页面很容易阅读，在视觉上也足够有趣以维持用户的注意。因此，不要再浪费时间写那么多无人阅读的内容了，开始使用图标吧！

在本文中，我们将展示很好的例子和网页设计中使用图标来支持内容的最佳做法。

1.如何使用图标

使用图标的首要目标应该是帮助用户更有效地吸收和处理信息。一般的做法是使用大量的空白和那些能增强内容的图标。图标通过给予内容更多的实质和有效的传达，能很好地丰富内容。图标应该用来吸引用户注意信息内容，而不是削弱或取代它。

*让功能清单更有趣

 列出服务清单是有效的市场推中实用、必要的一部分，但本质上来说，清单是乏味和无聊的。在您的功能清单中使用图标将使其更具有吸引力。

280 Slides

* 吸引用户关注Web应用程序的新功能

 图标是一个视觉邀请，吸引用户去试用Web应用程序的最新、最强大的功能。图标应该捕捉用户的注意力，并引导他们到新的功能上。一旦抓住了他们的注意力，告诉他们是什么使得新功能如此伟大。

Coda

*罗列不同的应用和产品

在这种情况下，把图标想成是logo，记住logo的目标是在产品和特定的图像建立精神联系。图标应该独特而简单的：大部分的图标只有128*128像素的，因此要用最低限度的方法，用少表达更多的信息。

intridea

*列出您的服务并增加可读性

图标应与内容相关且设计很简单。考虑您试图表达的内容是什么并在此基础上创建图标。网站或文章的主题是什么？使用什么颜色？是什么风格？现代？经典？在视觉上，图标应与网站整体的内容和个性所传达的思想相统一。

j.Alexander Woodworking

2.目的和放置的位置

图标的使用让你的网站显得友好、吸引人和专业，这些表明了你注重细节，哪怕这个细节很小很小。让你的图标发挥创意：标题、工具条、功能清单都是放置图标的好地方。

一个很简单的图标能增加网站的魅力和个性。

Coffeenatic

*让用户参与到拥有超长内容的网页中

使用能概括段落大意的图标，这将更便于读者理解文章。

Rackspace

在文章的不同章节间使用图标，可以提供视觉注意点来划分这些章节。

Defined Clarity

*大小并不重要，即使是小图标也是有效果的

小图标提供的视觉趣味与大图标的相差无异，却不会让用户分心。确保图标容易辨识并和内容紧密相关。

Morgan Hayes

*把图标放置在段落的右侧

图标的放置不要局限于常规用法，把图标放在右侧比较少见，因此会更有视觉效果。但是请注意，把图标放置在右侧有时候看起来会显得凌乱。

South Creative

*改变图标的大小和位置

发挥创意！改变图标的大小和位置可以让内容更具活力和趣味。

Media Temple

3.选择你的风格

说到风格，它的目的是让人有深刻印象。如果你期望设计是独特的，那么可以使用新颖的图标，但图标的有效性至关重要。请记住，使用图标是为了增强内容和设计。不要简单地在iStockPhoto上购买看起来很酷的图标，而是要考虑你的网站风格。

同时，图标的匹配性同样重要。把不相匹配的图标放在一起，无论他们单个看起来有多酷，都是个明显的设计错误，非常不专业。以下是一些图标有效地结合于各自网站风格的例子。

使用浅色和很酷的3D设计的图标，提升了网站的外观和感觉。

GoodBarry

正如下面例子所示的，简洁是有吸引力和实用的。

CrowdSPRING

在2D图标上实用粗糙低劣的风格可以增加很多深度：

Take the walk

选择一个独特和一致的风格，可以使页面有活力且专业：

Squarespace

单色的图标可以帮助突出内容而不会分散注意力：

Studio 7Designs

Gist

不要仅仅因为图标看起来很酷而使用它们，选择哪些与你的风格和品牌相符合的图标：

Treemo

除此之外，还有很多很好的例子，限于篇幅，这里就不一一列举了。如果大家有兴趣，可以查看原文How to use icons to support content in Web design 的第四部分-Additional Examples ^_^

不纠结的时候会觉得无聊，纠结的时候却又在抵抗。
人总是很奇怪，忍受不住寂寞，也忍受不住折磨。

坚强是什么，就是耐得住寂寞，也受得住折磨。
变态是什么，就是无视寂寞，也无视折磨。

来广州大半年了，一转眼快一年了，还有三个多半。
应该我是变了很多了，或许这就是所谓的成长，就是大人们眼里长大了一些之类的吧。
学会了很多，更多的就是学会了。。。

我们80后，身在改革开放中，长在经济危机里。
我，一个没有正经上念过多少书的人，身在一个很穷困的山村里，每一次教育改革都在我各阶段毕业中碰上了。或许是我命好，比别人要多去经历这些，在我的生活里，平静的生活永远不会持续太久，或许我就是一个耐不住寂寞的人，我在广州呆的快一年了，我都怀疑我自己是不是变了，其实面对新鲜的工作，对我来还没有时间去寂寞，因为每天的事其实还是满多的，有时候更是忙得踹不过气，家里，朋友，自己，这一年里从地震，似乎没有几天我是在平静中渡过的，再也没有以前那样跟几个知心朋友一起在宿舍通霄玩游戏或者津津有味的弄自己的小网站，很想找个时间把这一切都记下来，却自己一直没有时间停下来冷静的回忆一下。

流行的 JavaScript 库不胜枚举，jQuery, MooTools, Prototype, Dojo, YUI。这些 JavaScript 库功能丰富，加上它们的插件，几乎能胜任任何工作，然而这是有代价的，这些库往往导致你的网页尺寸臃肿。在某些场合，如果你只想完成特定的工作，可以使用一些功能更专一的轻量库，本文介绍了40个非常出色的轻量级 JavaScript 库。 Read the rest of this entry »