<?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-4229773233890822429</id><updated>2011-11-28T08:41:07.272+08:00</updated><category term='产品设计'/><category term='Mac OS X'/><category term='浏览器'/><category term='小技巧'/><category term='思考的乐趣'/><category term='傲游'/><category term='Apple'/><category term='闲适'/><category term='励志'/><category term='闲话多说'/><title type='text'>探索 ＆ 体验</title><subtitle type='html'>Explore &amp;amp; Experience. 思考虽然很累，但却能带来纯净的快乐</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://blog.g2xp.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>14</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-425436385431036995</id><published>2009-05-24T08:34:00.003+08:00</published><updated>2009-05-24T10:20:21.046+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='闲适'/><title type='text'>写在25岁前</title><content type='html'>如今算起来我写blog的时间也不短了，从博客中国，到自建WordPress，再到新浪，又自建站点，接着去百度空间，然后到绑定域名到blogger，断断续续也blogging了几年了。貌似一直很洒脱，从来不进行所谓&amp;quot;搬家&amp;quot;，扔下文字图片就走了，当然扔下的还有往事。&lt;br /&gt;&lt;br /&gt;童年，乃至少年的记忆都是母亲回忆的，嘴上说的多是辛酸，但看着儿子长大成人，应该是欣喜更多。当然有很多趣事，我自己记不得，但母亲记得非常清楚。这是她从一个年轻女人成长为一位母亲的经历，她就这么妥善的保管着我上大学前的记忆。&lt;br /&gt;&lt;br /&gt;有个插曲，也是我自己印象最深的一件事——耳朵根曾被蚊子叮过，然后挠破了，居然导致淋巴结发言，高烧不退。医生当时的原话是，幸亏送来得早，不然救过来也可能烧成白痴。或许根本就已经是白痴了，我竟然记不起当时自己几岁，大概医生那话是为了安慰一个紧张的母亲吧！&lt;br /&gt;&lt;br /&gt;上了大学，渐渐开始独立，母亲的记忆停慢慢被我甩在身后。开始自己记录自己的想法，也开始了blogging。年轻真好，想法可以不停的换，觉得不好就擦掉重来。blog用了一圈，心路走了一圈，几乎没有留下任何痕迹。&lt;br /&gt;&lt;br /&gt;又有个插曲。2007年2月12日，情人节前两天，春节前五天，准备13日从首尔回武汉的我，发现护照丢失，机票丢失，笔记本丢失，毕业论文数据丢失…脑子里似乎所有东西都丢失了。每天爬南山，然后到山脚下的大使馆打听补办护照的消息，直到3月12日回到武汉。之后半年扔掉很多东西，不仅有记录着此前记忆的blogs，还有学了4年的专业，还有…可能又白痴了一回吧！&lt;br /&gt;&lt;br /&gt;转眼到傲游18个月了，该沉下来干点事情了。&lt;br /&gt;&lt;br /&gt;PS：貌似因为blogger被wall了，所以评论用不了，有些图片也出不来，先这么将就吧！貌似也没人看或者评论，影响不大。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4229773233890822429-425436385431036995?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/425436385431036995/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/05/25.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/425436385431036995'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/425436385431036995'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/05/25.html' title='写在25岁前'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-6880438300171911022</id><published>2009-05-24T07:26:00.004+08:00</published><updated>2009-05-24T10:21:16.839+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='傲游'/><category scheme='http://www.blogger.com/atom/ns#' term='励志'/><title type='text'>Let’s make it better!</title><content type='html'>群雄逐鹿越来越激烈了，“姐夫陈”说Let’s make it better！&lt;br /&gt;没错，让我们做得更好，机会挑战已经摆在眼前了&lt;br /&gt;&lt;br /&gt;--------------------------------------------&lt;br /&gt;JeffChen邮件的原标题是：Congratulations, Webware 100 winner!&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;各位傲游人：&lt;br /&gt; &lt;br /&gt;告诉大家一个好消息，在今年的Webware100评选中，傲游再次以压倒性的票数获浏览器类大奖！这已经是我们继2005、2008年后，第三次获得Webware100浏览器类大奖！身为一个傲游人，我深深为之感到自豪。&lt;br /&gt; &lt;br /&gt;本届Webware100评选中，傲游从全球6000多种网络产品脱颖而出，最终与IE8、Firefox、Google chrome、Opera等国际知名老牌浏览器同台竞技。面对如此强悍的对手，我们的用户再次展示了他们的力量与热忱，傲游票数一路飘红，最终蝉联两届Webware100榜首，所得票数位列前三甲。&lt;br /&gt; &lt;br /&gt;几年来的风雨兼程，傲游在大家的努力下发展壮大着。此次获得webware100这样的国际性奖项，是对傲游的终极肯定，更充分说明傲游这款中国浏览器是完全可以媲美世界主流产品的，同时也让我们坚定了下一步继续开拓海外市场的决心。&lt;br /&gt; &lt;br /&gt;我们有超过两亿的下载量，我们有日益完善的傲游2和充满期待的傲游3，我们有不断成长壮大的团队，我们更有必胜的决心和信念去为全球千万傲友服务。一生何求，当年华逝去，我也会自豪的想起，曾用我生命中最宝贵的时光将傲游这款中国本土浏览器推至世界巅峰，为全球需要傲游、关注傲游的用户们流过泪，流过汗，此生足矣。&lt;br /&gt; &lt;br /&gt;一路上有诸位相伴，是我毕生之幸。让我们携手向前，把傲游做得更好。Let’s make it better!&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4229773233890822429-6880438300171911022?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/6880438300171911022/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/05/jeff-chenmaxthon2009webware100.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/6880438300171911022'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/6880438300171911022'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/05/jeff-chenmaxthon2009webware100.html' title='Let’s make it better!'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-2583365468197861021</id><published>2009-04-19T23:07:00.004+08:00</published><updated>2009-04-19T23:23:44.605+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='励志'/><title type='text'>Britain's got talent -《英国达人》</title><content type='html'>卑微的人们忍受屈辱和不幸, 这是残酷的现实.&lt;br /&gt;让他们在这现实中生存并获得成功, 让更多的人感受到那伟大的力量, 这是人道主义.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Andrew Johnston&lt;/span&gt;&lt;br /&gt;&lt;embed src="http://player.youku.com/player.php/sid/6181502/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"&gt;&lt;/embed&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-weight:bold;"&gt;Andrew Johnston&lt;/span&gt; - 父母离异，和母亲以及哥哥姐姐住在一起，家里经济很拮据；6岁时他被选入唱诗班，现在是领唱，然而他的才华却被当地的小孩成为“娘娘腔”，因为他是boy soprano(女高音)，从小被欺负大的。他的梦想是在舞台上演唱。&lt;br /&gt;“I don't want to be hanging around the street, I want to make something of my life”.&lt;br /&gt;他在整个过程中就全身发抖，脸部僵硬，但是声音却是像评委simon所说的"fantastic"&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Paul Potts&lt;/span&gt;&lt;br /&gt;&lt;embed src="http://player.youku.com/player.php/sid/1414398/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"&gt;&lt;/embed&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-weight:bold;"&gt;Paul Potts&lt;/span&gt; - 一个貌不惊人的卖手机的胖子，竟然还是个豁牙（一开唱先看到的就是这商标）！感觉好像还有点痴呆似的，唱歌时候手脚不知道怎么搁，唱得全场起立鼓掌，这位仁兄的表现却还是傻傻的冷静和呲牙傻笑，汗！不过以貌取人是绝对的煳涂，我们还是看看听过他歌声的人们的评价吧。&lt;br /&gt;&lt;br /&gt;每个人内心其实都会有那柔软的一个缝隙，不管再坚强的人，只要被击中了这个弱点，就会变得无比感性。英国的选秀节目「Britains got talent」在2007年6月9号的节目中，就有一个外表猥琐，对自己极端没有自信的手机业务员Paul Potts打中了成千上万人心中柔软的那一点。Paul Potts何许人也？36岁的他是在Carphone Warehouse手机专卖店的Bridgend分店工作的一个业务员（还受过阑尾发炎﹐肾上腺肿瘤, 锁骨破裂的摧残）。&lt;br /&gt;&lt;br /&gt;Paul Potts长的不似人君也就算了，他的人生也可说是相当倒楣了。因为这个长相，他小的时候在学校经常被流氓欺负，唯一能够安慰他自己的是至少自己的声音还不错。但大家看了他的长相也知道，不管再怎麽有才华，要用他实在很考验人的忍耐极限。所以他就在业务员和梦想成为职业歌手的选择中打滚了很长的一段时间。他从28岁时就梦想唱歌剧，因此穿的像是帕华洛帝一样唱卡拉OK，也曾经上节目唱歌赢得了八千英镑的奖金，并且把这些钱都花在去义大利学上专业的歌剧训练课，甚至还有一堂课接受过帕华洛帝的指导，中间也还有必须实际上台和巡迴的实习课程。这样总共花了他两万英镑，将近一百六十万新台币（最近好像新台币换英镑变成八比一？）。之后，一连串的倒楣事件却开始发生。2003年时这个傢伙盲肠破裂住院开刀，开刀完了住院休养，出院之后回诊时还被发现肾上腺长了一个十公分的肿瘤，于是又再开刀一次。就在最后都快要康复的时候，此人又从脚踏车上摔了下来，把锁骨给弄断了。医生劝告他最好尽可能的休息，短时间内都不要再唱歌了。因此，不管他的梦想有多麽强烈，有好几年的时间他都只能痛苦的躺在沙发上，根本没办法唱歌。&lt;br /&gt;终于，时间到了2007年，而他也正在考虑如果以他的尊容闯不出名堂来，恐怕就必须放弃歌剧的梦想，专心的当一个手机业务员了。（因为他上那麽多课，已经欠了一屁股债…）&lt;br /&gt;因此，这场在Cardiff的千禧剧场的「Britain Got Talent」的试演活动，就变成他的最后一次机会了。他必须在三个各司其职的严酷评审和两千名观众面前展现他最好的一面。&lt;br /&gt;主角Paul Potts终于要上场了。当天他是怎麽样的精心打扮来面对自己的最后一次机会呢？&lt;br /&gt;他穿着被描述为「Tesco」大卖场买的西装，根据他自己的说法：「我不认为评审对我有多少期待。我又矮又胖，穿着一件便宜的旧西装。髮型师用的髮胶又太黏，让我看起来好像有点秃头。Simon说我的西装好像太大了，Piers说我看起来糟透了…」&lt;br /&gt;就这样，这个看来猥琐、肥胖、顶着一头傻傻髮型的手机业务员Paul Potts站上了舞台，点头示意工作人员按下音乐的播放钮，「杜兰朵公主」中的「公主彻夜未眠」前奏流洩而出，三位评审交换了眼神，露出没有任何期待的表情……然后，一切就进入了历史。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4229773233890822429-2583365468197861021?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/2583365468197861021/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/04/britains-got-talent.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/2583365468197861021'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/2583365468197861021'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/04/britains-got-talent.html' title='Britain&apos;s got talent -《英国达人》'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-5620017289593031353</id><published>2009-04-18T14:20:00.000+08:00</published><updated>2009-04-18T14:22:14.024+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='傲游'/><title type='text'>Maxthon Dinner Time</title><content type='html'>&lt;object width="576" height="384" &gt;&lt;param name="allowfullscreen" value="true" /&gt;&lt;param name="allowscriptaccess" value="always" /&gt;&lt;param name="movie" value="http://www.facebook.com/v/502318730434" /&gt;&lt;embed src="http://www.facebook.com/v/502318730434" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="576" height="384"&gt;&lt;/embed&gt;&lt;/object&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/4229773233890822429-5620017289593031353?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://www.facebook.com/v/502318730434' title='Maxthon Dinner Time'/><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/5620017289593031353/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/04/maxthon-dinner-time.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/5620017289593031353'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/5620017289593031353'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/04/maxthon-dinner-time.html' title='Maxthon Dinner Time'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-221842787944352195</id><published>2009-04-16T00:29:00.002+08:00</published><updated>2009-04-16T00:37:04.659+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='励志'/><title type='text'>You Can Shine</title><content type='html'>&lt;embed src="http://player.youku.com/player.php/sid/XNTY0NTkwMDQ=/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"&gt;&lt;/embed&gt;&lt;br /&gt;&lt;br /&gt;A duck tries to fly!?&lt;br /&gt;丑小鸭变白天鹅?&lt;br /&gt;&lt;br /&gt;And a deaf tries to play violin...&lt;br /&gt;Are you crazy?&lt;br /&gt;一个聋子想学拉小提琴...&lt;br /&gt;你秀逗了吗&lt;br /&gt;&lt;br /&gt;Why don't you leam something else?&lt;br /&gt;你干嘛不学点别的&lt;br /&gt;&lt;br /&gt;You're wasting everyone's time&lt;br /&gt;你这是在浪费时间&lt;br /&gt;&lt;br /&gt;You still play the violin?&lt;br /&gt;你还在学拉小提琴吗&lt;br /&gt;&lt;br /&gt;Why am I different from others?&lt;br /&gt;为什么我和别人不一样&lt;br /&gt;Why...&lt;br /&gt;为什么&lt;br /&gt;...do you have to be like others?&lt;br /&gt;你为什么要和别人一样?&lt;br /&gt;&lt;br /&gt;Music is a visible thing.&lt;br /&gt;音乐是看得见的&lt;br /&gt;Close your eyes.&lt;br /&gt;闭上双眼&lt;br /&gt;You will see.&lt;br /&gt;你就可以看见&lt;br /&gt;&lt;br /&gt;What? Got a problem?&lt;br /&gt;干嘛? 有病啊!&lt;br /&gt;&lt;br /&gt;Amazing performance from our last contestant...&lt;br /&gt;...now it's time for...&lt;br /&gt;感谢最后一位选手带来的精彩演奏...现在将...&lt;br /&gt;Well,seems like we have one more contestant&lt;br /&gt;...and here she is&lt;br /&gt;请等一下 看来我们还有一位选手没有登场...她是&lt;br /&gt;&lt;br /&gt;You can shine!&lt;br /&gt;&lt;br /&gt;佩服如此美丽, 如此感人至深的广告创意!&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Yes, you can shine. We can shine&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4229773233890822429-221842787944352195?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/221842787944352195/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/04/you-can-shine.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/221842787944352195'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/221842787944352195'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/04/you-can-shine.html' title='You Can Shine'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-1351316032857886600</id><published>2009-04-12T09:44:00.003+08:00</published><updated>2009-04-12T09:48:45.169+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='傲游'/><title type='text'>傲游复活节</title><content type='html'>Warm Easter wishes from Maxthon. - Received from Maxthon Dev Team, in Maxthon English Forum&lt;br /&gt;&lt;br /&gt;&lt;a href="http://forum.maxthon.com/attachments/month_0904/20090410_5f62ca8fe159f9b7325cW0HtmEEr1olV.png"&gt;&lt;img src="http://forum.maxthon.com/attachments/month_0904/20090410_5f62ca8fe159f9b7325cW0HtmEEr1olV.png.thumb.jpg" width="90%" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4229773233890822429-1351316032857886600?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/1351316032857886600/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/04/blog-post_12.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/1351316032857886600'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/1351316032857886600'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/04/blog-post_12.html' title='傲游复活节'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-1053469493168767218</id><published>2009-04-09T00:02:00.012+08:00</published><updated>2009-04-09T07:25:31.098+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='浏览器'/><category scheme='http://www.blogger.com/atom/ns#' term='产品设计'/><category scheme='http://www.blogger.com/atom/ns#' term='Mac OS X'/><title type='text'>RSS、WebSlice、视频弹出与Web Clip</title><content type='html'>本文重点不在于介绍标题中四个名词的含义，只是希望粗浅的探讨一下四者的内部联系。&lt;br /&gt;&lt;br /&gt;RSS、Atom等各种Feed格式随着Web 2.0的风潮在互联网圈内广为流行，就不必多说了。即便如此，RSS也只是王谢堂前燕，并未飞入寻常百姓家。&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.google.cn/search?client=pub-7945242469273567&amp;amp;rls=zh-cn&amp;amp;q=webslice&amp;amp;ie=UTF-8&amp;amp;oe=UTF-8"&gt;WebSlice&lt;/a&gt;是IE8推出的一个新功能，用于获取自动更新网页剪辑。&lt;br /&gt;模样大体如下，原理是通过捕捉html源文件中特殊标记进行局部更新。其功能很早就&lt;a href="http://www.cnblogs.com/huazhihao/archive/2008/03/09/1097920.html" rel="external"&gt;有专业人士进行了分析&lt;/a&gt;，不再赘述。&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://justinyoung.cnblogs.com/images/cnblogs_com/justinyoung/2008_1q/WebSlices01.gif"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 406px; height: 276px;" src="http://justinyoung.cnblogs.com/images/cnblogs_com/justinyoung/2008_1q/WebSlices01.gif" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;视频弹出是国产浏览器的一大特点，腾讯TT和搜狗浏览器都有提供类似功能。大致功能是将视频站点的flash播放器单独拨离并放入独立窗口，将其前置到所有窗口之前，方便网民一心二用，比较符合中国特色。此功能火狐中国版也有跟进，内置的扩展-魔镜实际上也有此功能，只不过把视频窗口变成了侧栏。&lt;br /&gt;&lt;br /&gt;Web Clip是Mac OS X的Dashboard默认提供的一个功能，可以通过Safari选取网页的一部分，在Dashboard中呈现。&lt;br /&gt;其效果如下（中间那个视频即为效果）&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_shqUHOXaUC0/SdzTIRjbttI/AAAAAAAAAGA/0yKYhsYQodk/s1600-h/dashboard-widget.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 250px;" src="http://3.bp.blogspot.com/_shqUHOXaUC0/SdzTIRjbttI/AAAAAAAAAGA/0yKYhsYQodk/s400/dashboard-widget.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5322360998749517522" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;如需添加只要在Safari 3中点击&lt;img style="cursor:pointer; cursor:hand;width: 30px; height: 24px;" src="http://3.bp.blogspot.com/_shqUHOXaUC0/SdzXFIp4nBI/AAAAAAAAAIg/AxuTjSrSKL0/s400/btn-webclip.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5322365342867561490" /&gt;按钮（Windows下的Safari无此功能）&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_shqUHOXaUC0/SdzXE9jHKZI/AAAAAAAAAIY/1AmgD4oq_Oo/s1600-h/safari.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 277px;" src="http://1.bp.blogspot.com/_shqUHOXaUC0/SdzXE9jHKZI/AAAAAAAAAIY/1AmgD4oq_Oo/s400/safari.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5322365339886365074" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;这四个功能有一个共同特点，提取网页（网站）局部信息，采用用户订阅和主动推送等手段让用户迅速获知有效的资讯片段。&lt;br /&gt;&lt;br /&gt;RSS目前限于所谓高端人群，技术上已经趋于成熟，普及尚须时日。&lt;br /&gt;&lt;br /&gt;IE8的WebSlice是个很有野心的功能。IE7开始支持RSS，而且Vista侧栏上默认有RSS模块，但实际上RSS在普通人群中的使用相当有限。WebSlice可以视为微软的又一次尝试。只不过WebSlice需要被访问网站配合，这种工作难度一项很大，看看SilverLight的历程就不难明白。&lt;br /&gt;&lt;br /&gt;前面两者目标是寻求建造一个通用的网页片段订阅平台。相比而言，视频弹出就仅仅属于一个特色功能。这个功能实际上抓住了用户会分心这一点。潜力有多大还不得而知。上面介绍Mac OS X的Web Clip功能时，实际上基本实现了视频弹出的部分功能，而且灵活性较高。不过在Safari 4 beta for Leopard里已经看不见网页剪辑的按钮了，原因未知。&lt;br /&gt;&lt;br /&gt;说了这么多，貌似这四项里没有一个特别成功，是不是用户不需要这些信息呢？实际上用户订阅和主动推送已经相当普遍。GMail中的网络剪辑、手机里的SpbWeather、QQ的新闻弹窗等。这些信息已经悄悄在影响我们了。关键是如何切实的把握住用户需要何种信息并研究如何把消息提供给用户——这句话再次证明只有废话才可能是绝对正确的。无论如何，互联网已经透过浏览器，朝其他领域延伸。&lt;br /&gt;（这里有篇文章介绍用户可能希望获取何种信息 - &lt;a href="http://swelse.com/2009/03/28/value-of-alert-service/" rel="external"&gt;提醒的价值&lt;/a&gt;）&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_shqUHOXaUC0/SdzhrCVkMrI/AAAAAAAAAIo/FyoQEoyoXp8/s1600-h/gmail-clip.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 102px;" src="http://3.bp.blogspot.com/_shqUHOXaUC0/SdzhrCVkMrI/AAAAAAAAAIo/FyoQEoyoXp8/s400/gmail-clip.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5322376989123031730" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;最后再提一个几乎和QQ弹窗同样强大的信息推送渠道——中移动手机报。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4229773233890822429-1053469493168767218?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/1053469493168767218/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/04/rsswebsliceweb-clip.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/1053469493168767218'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/1053469493168767218'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/04/rsswebsliceweb-clip.html' title='RSS、WebSlice、视频弹出与Web Clip'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_shqUHOXaUC0/SdzTIRjbttI/AAAAAAAAAGA/0yKYhsYQodk/s72-c/dashboard-widget.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-4038023784804728292</id><published>2009-04-08T00:10:00.003+08:00</published><updated>2009-04-08T00:32:03.577+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='闲话多说'/><title type='text'>找工作面试的时候一定要自信</title><content type='html'>受全球性金融风暴的影响，就业形式不太好。最近从朋友们的牢骚里或多或少也感受到了这一点。&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/4229773233890822429-4038023784804728292?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/4038023784804728292/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/04/blog-post_08.html#comment-form' title='1 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/4038023784804728292'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/4038023784804728292'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/04/blog-post_08.html' title='找工作面试的时候一定要自信'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-8349454065526373094</id><published>2009-04-07T08:07:00.004+08:00</published><updated>2009-04-07T09:14:08.948+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='小技巧'/><category scheme='http://www.blogger.com/atom/ns#' term='Mac OS X'/><title type='text'>Mac OS X中文件夹名称本地化</title><content type='html'>在Mac OS X中，终端terminal中的Library目录会显示为资源库，Applications目录会显示为应用程序，而用户主目录下的Public目录会显示为公共，类似的例子还有很多。究竟这是怎么做到的呢？&lt;br /&gt;&lt;br /&gt;用ls -a查看用户主目录下的Library下所有文件，注意到下面一个.localized文件（.localized是个空文件，用于标志该目录是否需要本地化）。&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_shqUHOXaUC0/SdqfuhIPUfI/AAAAAAAAAF4/NzDzKudWrQM/s1600-h/console.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 345px; height: 102px;" src="http://2.bp.blogspot.com/_shqUHOXaUC0/SdqfuhIPUfI/AAAAAAAAAF4/NzDzKudWrQM/s400/console.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5321741531207389682" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;那么相应的翻译资源在哪里呢？答案是 /System/Library/CoreServices/SystemFolderLocalizations/zh_CN.lproj/SystemFolderLocalizations.strings&lt;br /&gt;汉化过苹果软件的朋友应该清楚，其中zh_CN.lproj代表中文语言，还可能有en_US.lporj代表其他语言等。&lt;br /&gt;&lt;br /&gt;举个例子吧，目标如下：&lt;br /&gt;在应用程序Applications目录中创建一个Instant Messageing文件夹用于存放QQ、MSN、Skype等聊天软件，要求其显示为“聊天软件”&lt;br /&gt;&lt;br /&gt;方法是打开终端，命令依次为&lt;br /&gt;$ mkdir /Applications/Instant\ Messaging&lt;br /&gt;$ touch /Applications/Instant\ Messaging/.localized&lt;br /&gt;$ sudo vi /System/Library/CoreServices/SystemFolderLocalizations/zh_CN.lproj/SystemFolderLocalizations.strings&lt;br /&gt;在文件最后加上一行 "Instant Messaging" = "聊天软件";&lt;br /&gt;注销后重新登陆即可显示，最后就是把相应应用程序放到"聊天软件"目录了。&lt;br /&gt;&lt;br /&gt;需要注意的是，/System/Library/CoreServices/SystemFolderLocalizations/zh_CN.lproj/SystemFolderLocalizations.strings 为系统文件，因此编辑该文件需要使用sudo命令提升权限，并可能要求输入密码。&lt;br /&gt;&lt;br /&gt;不会用vi的可以看看&lt;a href="http://www.google.cn/search?client=pub-7945242469273567&amp;rls=zh-cn&amp;q=vi使用方法&amp;ie=UTF-8&amp;oe=UTF-8"&gt;这里&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4229773233890822429-8349454065526373094?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/8349454065526373094/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/04/mac-os-x.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/8349454065526373094'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/8349454065526373094'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/04/mac-os-x.html' title='Mac OS X中文件夹名称本地化'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_shqUHOXaUC0/SdqfuhIPUfI/AAAAAAAAAF4/NzDzKudWrQM/s72-c/console.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-56699135799225045</id><published>2009-04-06T17:27:00.009+08:00</published><updated>2009-04-06T21:35:56.774+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Apple'/><category scheme='http://www.blogger.com/atom/ns#' term='产品设计'/><category scheme='http://www.blogger.com/atom/ns#' term='Mac OS X'/><title type='text'>密码输错之大小写锁定(Caps Lock)</title><content type='html'>中国人很少使用 Caps Lock，但是此键位于常用的 Tab 和 Shift 键之间，容易按错导致密码输入出现问题。&lt;a href="http://im.qq.com/cgi-bin/safe/handbook?type=4&amp;amp;faq=1"&gt;QQ 把 Caps Lock 锁定列为常见密码输错的原因之一&lt;/a&gt;。很多网站也会在密码输入错误后进行提示。下面看看苹果如何解决这个问题。&lt;br /&gt;&lt;br /&gt;首先看苹果的键盘。Caps Lock 锁定时，Caps Lock 键上的绿色指示灯会亮起。&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_shqUHOXaUC0/Sdn2-oD2nkI/AAAAAAAAAFQ/DboY5TtBrIA/s1600-h/mac-kbd.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 300px; height: 400px;" src="http://4.bp.blogspot.com/_shqUHOXaUC0/Sdn2-oD2nkI/AAAAAAAAAFQ/DboY5TtBrIA/s400/mac-kbd.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321555990480854594" /&gt;&lt;/a&gt;&lt;br /&gt;PC 键盘也有类似设计，只不过 Caps Lock 指示灯和 Caps Lock 键一个在右上角，一个在最左边，很难让人直接建立起关联。相比而言，苹果键盘在这个设计上略胜一筹。&lt;br /&gt;&lt;br /&gt;此外，Mac OS X还提供操作系统层面上的提示。&lt;br /&gt;&lt;br /&gt;登陆对话框&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_shqUHOXaUC0/Sdn7c9sSwxI/AAAAAAAAAFg/WONP4sFz7CE/s1600-h/leopard-login.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 229px;" src="http://1.bp.blogspot.com/_shqUHOXaUC0/Sdn7c9sSwxI/AAAAAAAAAFg/WONP4sFz7CE/s400/leopard-login.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321560909730202386" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;钥匙串访问&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_shqUHOXaUC0/Sdn7cr4-_aI/AAAAAAAAAFY/tfCdahhzQbE/s1600-h/leopard-keychain.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 205px;" src="http://4.bp.blogspot.com/_shqUHOXaUC0/Sdn7cr4-_aI/AAAAAAAAAFY/tfCdahhzQbE/s400/leopard-keychain.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321560904951594402" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;QQ登陆&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_shqUHOXaUC0/SdoE5k6KYZI/AAAAAAAAAFo/KYjFhZqO9zE/s1600-h/leopard-qq.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 197px; height: 400px;" src="http://1.bp.blogspot.com/_shqUHOXaUC0/SdoE5k6KYZI/AAAAAAAAAFo/KYjFhZqO9zE/s400/leopard-qq.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5321571296898343314" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;网页登陆&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_shqUHOXaUC0/SdoE51kUGKI/AAAAAAAAAFw/ykLxxrGglis/s1600-h/google-account.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 228px; height: 219px;" src="http://4.bp.blogspot.com/_shqUHOXaUC0/SdoE51kUGKI/AAAAAAAAAFw/ykLxxrGglis/s400/google-account.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5321571301370108066" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4229773233890822429-56699135799225045?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/56699135799225045/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/04/caps-lock.html#comment-form' title='1 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/56699135799225045'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/56699135799225045'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/04/caps-lock.html' title='密码输错之大小写锁定(Caps Lock)'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdn2-oD2nkI/AAAAAAAAAFQ/DboY5TtBrIA/s72-c/mac-kbd.png' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-3565147802535761104</id><published>2009-04-06T14:46:00.012+08:00</published><updated>2009-04-07T09:14:57.389+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='小技巧'/><category scheme='http://www.blogger.com/atom/ns#' term='Mac OS X'/><title type='text'>自动打开Safari的秘密浏览模式</title><content type='html'>用AppleScript模拟菜单点击，实现自动打开Safari的秘密浏览模式，然后导出来的一个app就能方便的在&lt;a href="http://www.google.cn/search?client=pub-7945242469273567&amp;amp;rls=zh-cn&amp;amp;q=sportlight&amp;amp;ie=UTF-8&amp;amp;oe=UTF-8"&gt;Spotlight&lt;/a&gt;里执行了。AppleScript真的是很强大。&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_shqUHOXaUC0/SdmoIS6SldI/AAAAAAAAAE4/X7fWeT8OMc8/s1600-h/pastedGraphic.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 309px; height: 163px;" src="http://3.bp.blogspot.com/_shqUHOXaUC0/SdmoIS6SldI/AAAAAAAAAE4/X7fWeT8OMc8/s400/pastedGraphic.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321469295183697362" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;脚本内容如下：&lt;br /&gt;&lt;blockquote type="cite" style="background:white"&gt;&lt;div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "&gt;&lt;div&gt;&lt;div&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 39.2px; text-indent: -39.3px; font: normal normal normal 12px/normal Verdana; color: rgb(0, 0, 255); "&gt;activate&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;application&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#000000;"&gt;"Safari"&lt;/span&gt;&lt;/div&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 39.2px; text-indent: -39.3px; font: normal normal normal 12px/normal Verdana; "&gt;&lt;span style="color:#2900ff;"&gt;&lt;strong&gt;tell&lt;/strong&gt;&lt;/span&gt;&lt;span style="font: 12.0px Helvetica"&gt; &lt;/span&gt;&lt;span style="color:#0000ff;"&gt;application&lt;/span&gt;&lt;span style="font: 12.0px Helvetica"&gt; &lt;/span&gt;"System Events"&lt;/div&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 78.6px; text-indent: -78.6px; font: normal normal normal 12px/normal Verdana; "&gt;&lt;span style="font: 12.0px Helvetica"&gt;&lt;span class="Apple-tab-span" style="white-space:pre"&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style="color:#2900ff;"&gt;&lt;strong&gt;tell&lt;/strong&gt;&lt;/span&gt;&lt;span style="font: 12.0px Helvetica"&gt; &lt;/span&gt;&lt;span style="color:#0000ff;"&gt;process&lt;/span&gt;&lt;span style="font: 12.0px Helvetica"&gt; &lt;/span&gt;"Safari"&lt;/div&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 117.8px; text-indent: -117.8px; font: normal normal normal 12px/normal Verdana; color: rgb(0, 0, 255); "&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt;&lt;span class="Apple-tab-span" style="white-space:pre"&gt;  &lt;/span&gt;&lt;/span&gt;click&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;menu item&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#000000;"&gt;"&lt;/span&gt;&lt;span style="font: 12.0px STHeiti Light; color:#000000;"&gt;秘密浏览&lt;/span&gt;&lt;span style="color:#000000;"&gt;"&lt;/span&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#2900ff;"&gt;&lt;strong&gt;of&lt;/strong&gt;&lt;/span&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;menu&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#000000;"&gt;1&lt;/span&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#2900ff;"&gt;&lt;strong&gt;of&lt;/strong&gt;&lt;/span&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;menu bar item&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#000000;"&gt;"Safari"&lt;/span&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#2900ff;"&gt;&lt;strong&gt;of&lt;/strong&gt;&lt;/span&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;menu bar&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#000000;"&gt;1&lt;/span&gt;&lt;/div&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 117.8px; text-indent: -117.8px; font: normal normal normal 12px/normal Verdana; color: rgb(0, 0, 255); "&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt;&lt;span class="Apple-tab-span" style="white-space:pre"&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span style="color:#2900ff;"&gt;&lt;strong&gt;if&lt;/strong&gt;&lt;/span&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;exists&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;button&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#000000;"&gt;"OK"&lt;/span&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#2900ff;"&gt;&lt;strong&gt;of&lt;/strong&gt;&lt;/span&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;window&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#000000;"&gt;1&lt;/span&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#2900ff;"&gt;&lt;strong&gt;then&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 157.1px; text-indent: -157.1px; font: normal normal normal 12px/normal Verdana; color: rgb(0, 0, 255); "&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt;&lt;span class="Apple-tab-span" style="white-space:pre"&gt;   &lt;/span&gt;&lt;/span&gt;click&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;button&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#000000;"&gt;"OK"&lt;/span&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#2900ff;"&gt;&lt;strong&gt;of&lt;/strong&gt;&lt;/span&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;window&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;span style="color:#000000;"&gt;1&lt;/span&gt;&lt;/div&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 117.8px; text-indent: -117.8px; font: normal normal normal 12px/normal Verdana; color: rgb(41, 0, 255); "&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt;&lt;span class="Apple-tab-span" style="white-space:pre"&gt;  &lt;/span&gt;&lt;/span&gt;&lt;strong&gt;end&lt;/strong&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;strong&gt;if&lt;/strong&gt;&lt;/div&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 78.6px; text-indent: -78.6px; font: normal normal normal 12px/normal Verdana; color: rgb(41, 0, 255); "&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt;&lt;span class="Apple-tab-span" style="white-space:pre"&gt; &lt;/span&gt;&lt;/span&gt;&lt;strong&gt;end&lt;/strong&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;strong&gt;tell&lt;/strong&gt;&lt;/div&gt;&lt;div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 39.2px; text-indent: -39.3px; font: normal normal normal 12px/normal Verdana; color: rgb(41, 0, 255); "&gt;&lt;strong&gt;end&lt;/strong&gt;&lt;span style="font: 12.0px Helvetica; color:#000000;"&gt; &lt;/span&gt;&lt;strong&gt;tell&lt;/strong&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;在“脚本编辑程序”里将其存储为“应用程序”，取消勾选“启动屏幕”，保存即可。&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_shqUHOXaUC0/SdmpVtvkf_I/AAAAAAAAAFA/5yD-a2dWnFc/s1600-h/screen-capture-1.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 246px;" src="http://2.bp.blogspot.com/_shqUHOXaUC0/SdmpVtvkf_I/AAAAAAAAAFA/5yD-a2dWnFc/s400/screen-capture-1.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321470625236418546" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;可以将这个app拖到“应用程序”目录里方便，就可以随时用&lt;a href="http://www.google.cn/search?client=pub-7945242469273567&amp;amp;rls=zh-cn&amp;amp;q=sportlight&amp;amp;ie=UTF-8&amp;amp;oe=UTF-8"&gt;Spotlight&lt;/a&gt;方便的调用了。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4229773233890822429-3565147802535761104?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/3565147802535761104/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/04/safari.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/3565147802535761104'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/3565147802535761104'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/04/safari.html' title='自动打开Safari的秘密浏览模式'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_shqUHOXaUC0/SdmoIS6SldI/AAAAAAAAAE4/X7fWeT8OMc8/s72-c/pastedGraphic.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-1309733379368456446</id><published>2009-04-06T12:26:00.004+08:00</published><updated>2009-04-07T09:15:34.678+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='小技巧'/><title type='text'>修改blogger的站点图标</title><content type='html'>Google的Blogger支持很多高级功能，惟独不支持favicon站点图标。favicon通常在浏览器的地址栏、标签栏和收藏夹中显示，是一个网站区别于其他网站的重要标志。废话说了一堆，说说实际怎么用。&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;在HTML的HEADER内插入以下内容，即可得到站点图标。&lt;/div&gt;&lt;div&gt;&lt;textarea style="width:100%;height:100px"&gt;&lt;link href="data:image/png;base64,ivborw0kggoaaaansuheugaaacaaaaagcaaaaabwesuoaaaa1wldq1bjq0mguhjvzmlszqaaeafjygcsscwoygesygdizsspcg9yjiyijfjgv8razsdiaaajycufjgebphaenvlbnyjay7ogs7cpwcpgkpjanayu3wlepckfrsumdiw6qlz6dkiqm5adamtzlzcugmrtggwrqhogk0haotenm6kossq1rcg9klfswtk/j7+oucaxoruktv1qklobdamdg3n+qwvrznpgiyij0lepqdtzc0pluot0fdzzkvuygjjli8qgnjmynmvgaiunhp85ebxojgkxaqf6nwgpv3imaaaaigniuk0aaholaab6jqaaaaaaaholaaaaaaaaeiuaaaaaaab6jxiyhmaaaaajcehzcwaacxmaaastaqcanbgaaah3surbvdgry/zpgb8w4zdmygcbkhjyqjbhguxzxw+8ukatd69l8fn8fvflxrwo+x8m3q1q4v1xr5s748k/ip9dfiuvqhzuka9anltb//+lgezcywickp+/joeh7aqedvdwn2x2dyyjemhn2qjlour/q93awmddc/qpd9hft0i4d+vdhi/wbsmdiwoyt81efyepeqkpbjoharqjc5ckqnlacm4fka10mcob8j2lfrdsqaoygdgyns2bjskpysi/5mvciscqdsyqtyb785xgrbvs0py7/wvlxid5euqjfahu9qs5i/t8eh3fp0hgocj4z9zr5vnkhz//e4qkfaumfxlnkwd+2/q+6htcbziccedwrf7vy7f1xmjvmaokbzbwllj3pfj13dzymakel4twxgoyc3l3gf7i/1s5g0bmiiarema/4rrdrldynrbc/wsyosfsrgz++mnpwpaibldnogj++ldl/yhwqnt9/3+e+94fbvkheg43q/x/woaer0aecwpunduo1+2+5pjmxbjet5l+zoiu8fkxpwqj3a0+xv83vpj//w/mrdd9g+hicyzluatghkgjf12nvspfubhqbzx8z1ceerywgr9linsqqqgskijlau6xuuwreiz//20/bubndpusjsx4//9xscxhyoffgggphyc8awacklvnysacdgaaaabjru5erkjggg==" rel="icon" type="image/png"&gt;&lt;/textarea&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;不难发现上面内容和&lt;a href="http://www.google.cn/search?hl=zh-CN&amp;amp;client=pub-7945242469273567&amp;amp;rls=zh-cn&amp;amp;newwindow=1&amp;amp;q=%CC%ED%BC%D3favicon+link+href&amp;amp;btnG=Google+%CB%D1%CB%F7&amp;amp;meta=&amp;amp;aq=f&amp;amp;oq="&gt;常见的插入站点图标的方法&lt;/a&gt;最大的区别在于href属性。常规方法href值即为favicon的URL，而此处为图片的base64编码值。刨根问底的话，这是RFC2397标准，见&lt;a href="http://www.ietf.org/rfc/rfc2397.txt"&gt;http://www.ietf.org/rfc/rfc2397.txt&lt;/a&gt;。&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;其基本结构如下，详情参见&lt;a href="http://www.ietf.org/rfc/rfc2397.txt"&gt;RFC2397&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;blockquote&gt;       dataurl    := "data:" [ mediatype ] [ ";base64" ] "," data&lt;br /&gt;mediatype  := [ type "/" subtype ] *( ";" parameter )&lt;br /&gt;data       := *urlchar&lt;br /&gt;parameter  := attribute "=" value&lt;/blockquote&gt;具体使用方法呢？怎么获得base64值？&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;通过下面两个在线的工具即可将二进制文件转化为base64值&lt;/div&gt;&lt;div&gt;&lt;a href="http://www.greywyvern.com/code/php/binary2base64"&gt;http://www.greywyvern.com/code/php/binary2base64&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.kawa.net/works/js/data-scheme/base64-e.html"&gt;http://www.kawa.net/works/js/data-scheme/base64-e.html&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;不过上面这两个工具都不支持本地文件上传。这里再提供一个方法——将图片作为附件放到邮件客户端里，另存为eml文件。然后用记事本等文本编辑器打开即可看到base64的编码，将其复制到正确的地方即可。&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_shqUHOXaUC0/SdmTvQQe8SI/AAAAAAAAAEw/qEULy3-J8Bk/s1600-h/base64.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 345px;" src="http://3.bp.blogspot.com/_shqUHOXaUC0/SdmTvQQe8SI/AAAAAAAAAEw/qEULy3-J8Bk/s400/base64.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321446874742190370" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;此方法不仅适用于favicon，普通图片、CSS背景、甚至连javascript脚本都能使用。&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;blockquote&gt;&amp;lt;img src="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACg..." /&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;blockquote&gt;div.image { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAB3...);}&lt;/blockquote&gt;&lt;br /&gt;&lt;blockquote&gt;&amp;lt;script type="text/javascript" href="data:text/javascript;base64,KGZ1bmN0aW9uKCl7CnZhciBmPW5hdmlnYXRvci..."&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;blockquote&gt;&amp;lt;link rel="stylesheet" type="text/css"  href="data:text/css;base64,LyogICAgSFRUUCBIb3N0OiAgc3RhdGlj..." /&gt;&lt;/blockquote&gt;&lt;span class="Apple-style-span" style="color: rgb(255, 0, 0);"&gt;不过需要注意的是，IE6不支持RFC2397 - The "data" URL scheme&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/4229773233890822429-1309733379368456446?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/1309733379368456446/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/04/blogger.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/1309733379368456446'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/1309733379368456446'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/04/blogger.html' title='修改blogger的站点图标'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_shqUHOXaUC0/SdmTvQQe8SI/AAAAAAAAAEw/qEULy3-J8Bk/s72-c/base64.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-3664330244627966415</id><published>2009-04-05T22:21:00.015+08:00</published><updated>2009-04-06T03:19:52.603+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='思考的乐趣'/><category scheme='http://www.blogger.com/atom/ns#' term='产品设计'/><title type='text'>网页最适宽度？</title><content type='html'>看了&lt;a href="http://blog.rexsong.com/?p=6040"&gt;《宽屏不是用来阅读的》&lt;/a&gt;很有感觉。这篇文章标题很醒目，而我恰好是在Google阅读器中看到此文，发现Google阅读器的设计有点意思。&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;下面是Google阅读器的主阅读区域。不难发现尽管屏幕右侧还有大量空白空间。&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_shqUHOXaUC0/SdjP9iLH_BI/AAAAAAAAABI/ysoDZWZGF4o/s1600-h/google-reader.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 198px;" src="http://4.bp.blogspot.com/_shqUHOXaUC0/SdjP9iLH_BI/AAAAAAAAABI/ysoDZWZGF4o/s400/google-reader.png" border="0" alt="Google 阅读器" title="Google 阅读器" id="BLOGGER_PHOTO_ID_5321231615790677010" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;顺便打开了Google搜索结果页等多个页面，发现其中不少同样也是内容定宽，右侧留白。因为曾经做过一段时间网站开发，关于网页最适宽度的研究通常会考虑适应主流显示器分辨率幕大小。随着宽屏、大屏显示器的普及，才逐渐发现当初让页面适应显示器尺寸的想法或许并不恰当。即使现在显示器全部大于21寸，也不能把网页一律设计成1920*1080。&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;网页供人浏览，首要考虑的是人的使用习惯。那篇&lt;a href="http://blog.rexsong.com/?p=6040"&gt;《宽屏不是用来阅读的》&lt;/a&gt;的思路引申到当前的主题上就是——网页内容的最适合宽度需要适应用户的使用习惯。内容决定用户的阅读方式，用户的阅读方式决定了内容的呈现方式。一个关键点是，眼球横向移动没有纵向移动快。这是由人的生理特征决定的。在阅读的时候，以纵向移动为主可以降低眼球移动带来的疲劳感。&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;下面对网页内容进行一个不完全的分组，注意观察标记内容宽度的紫色标志线。&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-weight: bold;"&gt;1、搜索结果、摘要&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_shqUHOXaUC0/SdjZHpY7_NI/AAAAAAAAABg/FbXW_XeSQb0/s1600-h/google-search.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 102px;" src="http://4.bp.blogspot.com/_shqUHOXaUC0/SdjZHpY7_NI/AAAAAAAAABg/FbXW_XeSQb0/s200/google-search.png" border="0" alt="google搜索页" title="google搜索页" id="BLOGGER_PHOTO_ID_5321241685131001042" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_shqUHOXaUC0/SdjZH66T5TI/AAAAAAAAABw/CVZBv570gM4/s1600-h/google-blog.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 88px;" src="http://1.bp.blogspot.com/_shqUHOXaUC0/SdjZH66T5TI/AAAAAAAAABw/CVZBv570gM4/s200/google-blog.png" border="0" alt="Google博客搜索" title="Google博客搜索" id="BLOGGER_PHOTO_ID_5321241689834382642" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_shqUHOXaUC0/SdjZH1cjDRI/AAAAAAAAABo/sVGiB5I1m6o/s1600-h/baidu-search.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 75px;" src="http://1.bp.blogspot.com/_shqUHOXaUC0/SdjZH1cjDRI/AAAAAAAAABo/sVGiB5I1m6o/s200/baidu-search.png" border="0" alt="百度搜索页" title="百度搜索页" id="BLOGGER_PHOTO_ID_5321241688367369490" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_shqUHOXaUC0/SdjZIFZVt_I/AAAAAAAAAB4/ZD0UM0zDOOc/s1600-h/baidu-zhidao.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 68px;" src="http://4.bp.blogspot.com/_shqUHOXaUC0/SdjZIFZVt_I/AAAAAAAAAB4/ZD0UM0zDOOc/s200/baidu-zhidao.png" border="0" alt="百度知道搜索" title="百度知道搜索" id="BLOGGER_PHOTO_ID_5321241692648880114" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;以上四者均为搜索结果类。用户快速扫读整个页面，目标是快速定位到适当的结果，用户眼球需要快速纵向移动。如果同时横向移动很容易造成疲劳。所以此类网站紫色标志线最短。&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-weight: bold;"&gt;2、以阅读内容为主的页面&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;以阅读内容为主的页面，内容宽度一般大于搜索结果页面。因为用户阅读速度较扫读方式慢，眼球小幅横向移动并不至于造成太大疲劳。同时，由于内容宽度变大，长度变短，可以减轻用户阅读时的心理压力。&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;新闻页面的主题内容宽度一般小于其他页面的宽度，可能原因是新闻在很多情况下也只需要扫读。有意思的是，blog等具有web2.0特色的网站，内容通常以定宽为主。&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;a. 门户网站新闻页等&lt;/div&gt;&lt;div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_shqUHOXaUC0/SdjnnhMF7SI/AAAAAAAAACY/hfDN8uff1K8/s1600-h/sina.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 75px;" src="http://2.bp.blogspot.com/_shqUHOXaUC0/SdjnnhMF7SI/AAAAAAAAACY/hfDN8uff1K8/s200/sina.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321257625848245538" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_shqUHOXaUC0/Sdjnnca9M-I/AAAAAAAAACQ/mhYjFZGwYho/s1600-h/sohu.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 75px;" src="http://1.bp.blogspot.com/_shqUHOXaUC0/Sdjnnca9M-I/AAAAAAAAACQ/mhYjFZGwYho/s200/sohu.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321257624568411106" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_shqUHOXaUC0/SdjnnLCrXJI/AAAAAAAAACI/lq9rmFcvrJM/s1600-h/163.png"&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_shqUHOXaUC0/SdjnnLCrXJI/AAAAAAAAACI/lq9rmFcvrJM/s1600-h/163.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 75px;" src="http://2.bp.blogspot.com/_shqUHOXaUC0/SdjnnLCrXJI/AAAAAAAAACI/lq9rmFcvrJM/s200/163.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321257619903175826" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_shqUHOXaUC0/Sdjnmw6TxXI/AAAAAAAAACA/8LVK51xfbpI/s1600-h/qq.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 75px;" src="http://1.bp.blogspot.com/_shqUHOXaUC0/Sdjnmw6TxXI/AAAAAAAAACA/8LVK51xfbpI/s200/qq.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321257612888753522" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;b. Google阅读器和百度贴吧&lt;/div&gt;&lt;div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_shqUHOXaUC0/SdjrMfUDlJI/AAAAAAAAACo/NoAz25UyPo8/s1600-h/google-reader.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 75px;" src="http://3.bp.blogspot.com/_shqUHOXaUC0/SdjrMfUDlJI/AAAAAAAAACo/NoAz25UyPo8/s200/google-reader.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321261559534818450" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_shqUHOXaUC0/SdjrMFsws1I/AAAAAAAAACg/m95Exbx76Zw/s1600-h/baidu-tieba.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 75px;" src="http://3.bp.blogspot.com/_shqUHOXaUC0/SdjrMFsws1I/AAAAAAAAACg/m95Exbx76Zw/s200/baidu-tieba.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321261552659116882" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-weight: bold;"&gt;3. 图片或其他媒体搜索/展示页&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;很多图片、视频搜索结果页和CMS首页属于此类，通过图片而非文字给人直接的视觉冲击。这类页面的内容通常自适应浏览器宽度。&lt;/div&gt;&lt;div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_shqUHOXaUC0/Sdjs52JfCnI/AAAAAAAAAC4/-yxYrtBEry8/s1600-h/google-image.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 82px;" src="http://1.bp.blogspot.com/_shqUHOXaUC0/Sdjs52JfCnI/AAAAAAAAAC4/-yxYrtBEry8/s200/google-image.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321263438270237298" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_shqUHOXaUC0/Sdjs5uvAR2I/AAAAAAAAACw/X_nSxRP5yC0/s1600-h/baidu-image.png"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 66px;" src="http://1.bp.blogspot.com/_shqUHOXaUC0/Sdjs5uvAR2I/AAAAAAAAACw/X_nSxRP5yC0/s200/baidu-image.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5321263436280121186" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&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/4229773233890822429-3664330244627966415?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/3664330244627966415/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/04/blog-post_05.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/3664330244627966415'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/3664330244627966415'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/04/blog-post_05.html' title='网页最适宽度？'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_shqUHOXaUC0/SdjP9iLH_BI/AAAAAAAAABI/ysoDZWZGF4o/s72-c/google-reader.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4229773233890822429.post-6230989037280096593</id><published>2009-04-05T19:56:00.013+08:00</published><updated>2009-04-06T22:14:09.147+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='思考的乐趣'/><title type='text'>不要为数据所蒙蔽</title><content type='html'>&lt;span class="Apple-style-span" style="font-weight: bold;"&gt;数据是不可信的&lt;/span&gt;，因为用数据欺骗人太容易。&lt;br /&gt;&lt;br /&gt;看下图，1998年联合国的数据显示飞机是最安全的交通工具。&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_shqUHOXaUC0/Sdik5v4zP0I/AAAAAAAAABA/xDMRa9Rqdek/s1600-h/UN-transportation-safety.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 199px;" src="http://4.bp.blogspot.com/_shqUHOXaUC0/Sdik5v4zP0I/AAAAAAAAABA/xDMRa9Rqdek/s400/UN-transportation-safety.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5321184271752445762" /&gt;&lt;/a&gt;&lt;br /&gt;数据的来源相当可靠，来自联合国。调查的样本选取、调查方法的科学性等都毋须质疑。排除这些因素，得出的结论就一定可靠吗？我只能说值得怀疑。数据本身是客观的，但得采用何种衡量标准却是主观的，得出的结论也是不同的。&lt;br /&gt;&lt;br /&gt;看看这个衡量标准——每10亿旅客里程死亡的人数。这个标准看上去有点拗口，实际上就是10亿人移动1公里后死亡的人数，或者100个人平均移动1000万公里后死亡的人数。总之就是 人数＊里程数=10亿。&lt;br /&gt;&lt;br /&gt;举个极端的例子。&lt;br /&gt;&lt;br /&gt;国际空间站的速度约30000公里/小时，假设空间站上面有10个人，达到10亿旅客历程需要140天。在这140天里，如果这10个人全部死掉，那么空间站的安全性为10，介于自行车和轿车之间——上太空居然比骑自行车、在街上走路要安全许多。这还是考虑到不到5个月的时间死掉10个人的情况，实际上空间站的死亡率远没这么高。这么考虑下去，好像有点荒谬，杨利伟承担的风险比我每天走路上班还小？&lt;br /&gt;&lt;br /&gt;衡量指标出了问题，风险不应该按旅客里程衡量。人的生命是由时间构成的，而不是由里程构成的。因此，更为合理的衡量指标应该是旅客时间——旅客使用某种交通工具一定时间后死亡的概率。例如，10000人乘坐某交通工具1000小时后的死亡人数。尽管我没有详细数据证实我的想法，但很可能的结果是，步行和骑车的安全性要交换，火车和飞机的安全性要交换。&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/4229773233890822429-6230989037280096593?l=blog.g2xp.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.g2xp.com/feeds/6230989037280096593/comments/default' title='帖子评论'/><link rel='replies' type='text/html' href='http://blog.g2xp.com/2009/04/blog-post.html#comment-form' title='0 条评论'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/6230989037280096593'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4229773233890822429/posts/default/6230989037280096593'/><link rel='alternate' type='text/html' href='http://blog.g2xp.com/2009/04/blog-post.html' title='不要为数据所蒙蔽'/><author><name>江宽</name><uri>http://www.blogger.com/profile/01169824833172781022</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdj8P_WOYdI/AAAAAAAAADg/pE6lY4QJiEc/S220/jk.png'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_shqUHOXaUC0/Sdik5v4zP0I/AAAAAAAAABA/xDMRa9Rqdek/s72-c/UN-transportation-safety.jpg' height='72' width='72'/><thr:total>0</thr:total></entry></feed>
