htmlor's blog

Google Voice + Ringplus + flaphone 免费拨打中国电话无需客户端

Thu, 14 Jan 2010 03:57:48 GMT

前几天 twitter 上发了条“Google Voice + Ringplus + flaphone , 可实现在线免费拨打全球电话（当然包括中国），无需安装客户端” ，当时就怕说得含糊，所以加了句“Google Voice 负责免费拨打美国接入号，Ringplus 负责免费转接全球电话（有广告有限制），flaphone 负责在线接听拨打”。今天发现好多人问具体怎么实现，那就说说吧。

前提条件

本文不提供 Google Voice 注册教程。你应当已注册 Google Voice ，或会注册。如不会，参看教程这里和这里；
本文不提供翻墙教程。你应当会使用翻墙/代理软件（Tor / VPN / SSH 等）。如不会，请学会后再看；
本文不提供截图。你应当阅读英文无障碍，至少能看懂简单的英文。如不会，我也爱莫能助；
在此免费拨打过程中你可能会觉得不爽，因为有广告语音，而且有时会无法接通。如能忍受，请继续；

一、拨打原理

Google Voice 免费拨打美国接入号码

Google Voice 只能免费拨打美国和加拿大的号码（国际区号为+1），所以需要一个提供美国接入号码的转接服务商，在这里由 Ringplus 实现；

Google Voice 只能转接，没有通话功能，所以需要一个电话机。美国以外的用户，电话机功能可由 SIP 客户端实现（Gizmo5 / VoipStunt 等），在这里由 flaphone 实现。

Ringplus 免费转接全球电话

Ringplus 提供国际长途免费转接服务，它的接入号码所在地包括美国、瑞士和意大利；

不过，Ringplus 的免费转接有条件，每次通话时间限制在6分钟，每天可通话多次（至于多少次，没说，我试过10次之后还能打）；

而且，它会在等待对方号码响应时播放广告。也就是说，你不会听到等待的响铃声，而是广告语音，即使对方挂了，你也不会听到提示。有点傻是吧？这就是免费的代价。

flaphone 在线接听

flaphone 是基于 Web 的网络电话，它本身不提供 SIP 服务，但能使用已有 SIP 账户，实现通话功能。

二、如何注册

Google Voice 注册

详细过程不再赘述，只说几个要点：

IP 要在美国；
要有美国电话号码（SIP 号码即可）；
SIP 客户端要能输入确认码；

Ringplus 注册

访问注册页面 http://www.ringplus.net/subscribe
注意：IP 要在美国，否则无法注册。注册后登录无此限制。
填写注册资料
注意：Cell phone 填写你的 Google Voice 号码，并选中 Auto auth 。这是为了以后拨打时自动识别，无需认证。
注册成功后访问 http://www.ringplus.net/access-numbers
可以看到多个美国接入号，拨打时任选其一。

flaphone 注册

访问网站 http://www.flaphone.com/
注册账户
注册成功后登录
打开 Menu 菜单（点拨号键盘上方 menu ），打开 SIP Settings 界面，添加 SIP 账户（Google Voice 注册时用的 SIP 账户）

注意：选中 Register 。这是为了使 SIP 号码响铃时，flaphone 能接听。

三、拨打流程

Google Voice 拨打 Ringplus 美国接入号；
flaphone 响铃，接听；
Ringplus 语音提示，按提示拨打中国号码（以手机号为例，前加 01186 ，后加 # ，如 0118613800138000#）；
在广告语音中等待中国号码响应，接通。

常见问题

不用 flaphone 可以吗？
当然可以。本文讲的是“无需安装客户端”，所以要用基于 Web 的 flaphone 。如果已装 SIP 客户端，可直接使用。
可以使用 Gtalk 或 Skype 吗？
把 flaphone 换成 Gizmo5 即可。Gizmo5 账户可免费呼转至 Gtalk 或 Skype 。
不用 Google Voice 可以吗？
可以。Gizmo5 也能免费拨打美国号码，因此 Gizmo5 + Ringplus 的搭配即可实现上文所述。
Ringplus 的接入号打不通怎么办？
很简单，换一个再打。有个小技巧：把 Ringplus 加为 Gmail 联系人，电话号码多填几个接入号，Google Voice 里直接拨打。
每次都得输一堆数字，还要听广告，烦死了！有没有办法简单点？
免费的东西，从来都不简单。想要简单，花点钱吧。

DreamHost 大乌龙事件及众生相

Wed, 16 Jan 2008 17:54:10 GMT

昨天收到一封 DreamHost 的邮件，看完之后莫名其妙：

你有 99.26 美元应付款未缴（自2008年11月27日算起），如果到2009年1月27日仍然未缴，你的帐户将被自动暂停，直到缴费。

现在才2008年1月，我从2008年11月开始欠钱？这是 TMD 哪门子算法？于是发信问个明白。

晚上收到回信：

这是一次极其糟糕的失误：我们试图向你征收2008年（甚至是2009年）全年的费用！（一切都源于手贱）

虽然明确了是他们的失误，但到底怎么回事还没明白，直到今天下午看到一系列相关文章。

事情的起因是这样的：

DreamHost 联合创始人乔希·琼斯（靓照）写道，在对2007年欠费用户催缴时，他把程序的参数2007误写成了2008，结果几乎所有用户的信用卡都被自动扣除了11个月的主机费用。
via

然后呢，

DreamHost 的用户们周二经历了一场恶梦：这家公司的缴费出现了重大失误，导致他们的信用卡被自动扣除了几百（多的甚至几千）美元。
via

造成了什么后果？

据 DreamHost 承认，这是个 7,500,000 美元的失误。七百五十万美元。
via

DreamHost 怎么处理的呢？

用其一贯的吊儿郎当态度，他们贴了一篇“妙文”《嗯？啊哟！》，解释了当前的状况，以及他们怎么解决问题，并从中学到了什么。
via

后续如何？

DreamHost 已开始修复错误并返还现金给用户帐户，但问题依然存在。许多人的帐户被暂停了，因为“未缴费” 。还有银行账户和信用卡透支（产生透支费用），以及按揭款被扣除等等。
via

新闻界及 blog 圈什么反应？

Digg 上这条新闻被投票787次。其他还有：

真正的幽默与自以为是的伪幽默仅一线之隔。为数不少的用户觉得 DreamHost 在今天越过了这条线。
via

（DreamHost 官方）这些话让我狂笑。（让用户）别担心？这些人是住在火星上吗？
via

受到波及的用户们怎么说？

被扣款的：

马上登录到Dreamhost帐号，果然发现被扣了 238.8 美元，shit! 这显然是Dreamhost的错误！我怀着一腔怒火给Dreamhost发邮件说明此事，并且盘算着如果对方不认帐我该怎么办-_-
via

早上起床之后发现信用卡无缘无故被扣了 800 美元，这感觉可不怎么爽，尤其是我认为自己并没有欠款。
via

至於我的信用卡方面，我上網查了一下，目前還沒有 Dreamhost 扣款/退款的紀錄進來，可能跨國交易要數日後才會顯示在我的帳戶資料上。希望到時會有正常的扣款/退款紀錄…..至於 DreamHost 會不會有後續的補償措施，根據他們過去的紀錄，我並不抱持著什麼希望…..
via

单被警告没扣款的：

万幸呀，如果真叫我马上支付第二年USD 119.40的租用费，我还真拿不出钱来。幸好到今年十月份的时候我已经工作一段时间了，应该承担得起！
via

瞧瞧这诚恳的态度，真是还能说什么。
via

最后有意思的署名是：The Foolish DreamHost Billing Team!，确实比较幽默。
via

同行？

作为 DreamHost 竞争对手并被其阴过一次的 LunarPages 简直乐翻了，马上“以彼之道，还施彼身”：

所有DH管理员都在找个地洞钻的时候，LunarPages 为您量身定做一款优惠券：使用代码 DHRefugees （htmlor注：DH难民），即可减免 40 美元购买 LunarPages 服务，我们还会买断您跟 DreamHost 剩下的合约！（多达9个月）也就是说，如果您跟 DreamHost 的合约还剩几个月，现在注册 LunarPages 并 email 过来账单收据，我们就会为您的帐户额外加上这几个月！

接下来事情怎么发展？谁也不知道，等着看戏吧。

用脸行吗？

Thu, 20 Dec 2007 13:07:53 GMT

鸡骨头惊魂记

Tue, 30 Oct 2007 15:55:00 GMT

这次总算知道什么叫做“如鲠在喉不吐不快”了。

因为我的喉咙真的卡了条鲠——鸡骨头。

罪魁祸首是昨晚去“大夫第”喝茶吃的最后一根炖鸡爪，也是第18根。

其时我一心二用，边打牌边啃，好不潇洒快活，结果稍不留神，“滋溜”，进去了。

当下还没觉得难受，晚上到家感觉不对了。

喉咙里有根东西的感觉…… 你要是体会过，你会明白的。

虽然没有呼吸困难、生命危险，但我还是开始自救。

首先我想到的是，刺激喉咙，把它吐出来。

把手指伸到喉咙里，触、碰、扣、挖，恶心倒是恶心，就是吐不出来。

不过副产品相当丰富：口水与鼻涕齐飞，老脸共猪肝一色。

一计不成，我又生一计。

我想通过作吐痰状，把它咳出来。

“嗯”“啊”“咳”“呕”了半天，用力越来越大，声音越来越高，好几次我甚至感觉它就在嗓子眼，呼之欲出。

可它偏偏就是不出来。

之后，我又陆续采取了喝醋、大口吞咽食物等方法，均告失败。

无奈之下，只好上床睡觉。

这一晚睡的我是辗转反侧，寤寐思服。

好不容易熬到早上，马上起床赶赴医院。

找家近点的，省立同德吧。

挂号、排队，到耳鼻喉科，跟医生说明情况。医生看了一下喉咙，说看到了。

我说既然看到了，能直接取么？

不行，先照X光，他说。

我跑到放射科，X光机有问题，明天才能用。

回到耳鼻喉科，医生听说机器不能用，抱怨了两句，说那你做胃镜吧。

于是我再到内窥镜室，两位女医生接待了我。

这个东西很麻烦，甲说。接着她画了张食道示意图给我看。

大意是万一骨头刺穿食道或者血管，会非常危险。

因此这个手术需要家属签字。

听到这里，我心里有了一点恐惧。

手术费你也要准备一下，乙说，800多块，而且我们的机器很忙，你要抓紧时间下决定。

我的恐惧变成了惊讶。

虽然我对胃镜手术没什么概念，但还是觉得这个价钱夸张。

本来不想父母担心的，不过小命要紧，还是咨询了一下当医生的老爸。

这个价钱不对，老爸说，而且情况也没那么严重，如果鸡骨头很小的话。

说不定一吃饭就咽下去了，他说。

为了实现这一目标，我的午饭在狼吞虎咽中度过。

接着在网上查医院。

还是让专业人士检查一下比较安心。

咦，这家貌似不错，能网上交流，免费挂号。

是杭州天目山医院。

简单咨询了一下流程和费用，决定就是它了。

然后直奔医院。

然后做了胃镜手术。

手术室两台显示器，医生看一台，我看一台。

一条长长的管子伸进喉咙，我看到它长驱直入，直到胃里。

通过摄像头，我还看到了自己食道壁鲜嫩的肉。

这管子刺激的我几次恶心欲呕，可就是吐不出来。

一边的护士每次看我想吐，都会说忍住，忍住。

靠，要是疼我能忍，恶心我能忍么？

谢天谢地，终于做完了。

搞笑的是，鸡骨头已经不在食道里了。

可能是中午吃饭咽下去了。

只留下了一点血斑，提示我它曾经存在过。

不管怎么说，一条鸡骨落了胃，一块石头落了地。

整个手术费用，187块。

顺便说一句，跟天目山医院相比，省立同德的环境设施像是难民营。

省立同德，你真行。

四续当机秀

Tue, 30 Oct 2007 14:55:00 GMT

书接前文《三续当机秀》。

继续贴出当机画面。（其实有的网站不是当机，属于暂时停顿暗地里酝酿蓄芳待来年型的，姑且也算它当了吧）

自定义个性化礼品、最近跟Myspace合作风头很劲的 Zazzle

Google旗下、全球第三大社区 Orkut

提供无版权费图片交易的 iStockphoto

独辟蹊径的C2C借钱社区 Zopa

有点效仿Myspace的音乐交友社区 Trig

致力于保护婴儿健康的 March of Dimes

同样提供无版权费图片交易的 Dreamstime

Digg类podcast网站 ZapZap

中国无法访问的 My Opera

有点另类的：

扑克牌杂志 Bluff

在线鞋店 Oka Bee

基督徒社区 Mosaic

网站小但有意思的：

愤怒的大狗 Road Dog Wear

极品之地精 DesignGoblin

灯塔转转转 Direct Technical

OK. 暂时到此。

楚门的世界

Tue, 23 Oct 2007 16:06:00 GMT

这几天狂下电影，平均每天看一部。今晚轮到了金·凯瑞主演的《楚门的世界》。

主人公名为Truman，大陆译作“楚门”，台湾译作“真仁”。单就人名来说，我认为台湾译法很妙（谐音），不过就影名来说，《楚门的世界》显然比《真人秀》更好。

看完这部电影，让我郁闷再郁闷，半天缓不过来。

在Truman隐隐觉得不对，想要试着走出去却落入无时无刻无所不在的设计时，他势若疯虎歇斯底里，电脑前的我也出离了愤怒。去他妈的！什么玩意儿！为了这样一个破节目，就把人放在虚拟的世界里30年，30年！

他有探险意志时，你们扼杀；他想乘坐飞机时，你们恫吓；他找到了真爱时，你们拆散…… 父母是假的，妻子是假的，连他以为两肋插刀的发小也是假的，什么都是假的！Truman，True Man，真TMD讽刺。

金·凯瑞的另一部电影《冒牌天神》里说，上帝唯一不能做的事就是操控人的自由意志。Christof导演，连上帝都干不来的事，你以为你能？看着Truman蹒跚却坚定的走出去，找地方哭去吧你。

另外说说岛上的所有演员，30年来居然没有一个人告知Truman真相——别人像个傻X蒙在鼓里自己却了如指掌的感觉是不是很爽？

我靠！！！

几种不错的编程用字体

Sun, 14 Oct 2007 15:08:54 GMT

网站开发编程时，代码字体很重要。如果选择得当，加上IDE顺手、代码颜色舒服，简直是完美的开发环境；一旦字体选的不好，就会看的人头昏脑胀、眼睛发酸——对开发者和阅读者都是一种折磨。

选择代码字体时，基本要有如下标准：

等宽
这应该是最基本的条件了。
字符清晰
如果代码看不清楚，字体再漂亮也没用。
没有字符混淆
1 / l / i / I 不能混淆，0 / o / O 不能混淆。
标点符号明显
大、中、小括号，单、双引号等常用符号要明显可辨，不要奇形怪状。

以下列出几种好看又好用的字体，与大家分享。（参考文章：《Revisiting Programming Fonts》，《Monospace/Fixed Width Programmer’s Fonts》）

ClearType 启用

（什么是 ClearType ？请看这篇介绍）

启用 ClearType 后，适用的字体有：

Consolas - 11pt/14px （快速下载）

Bitstream Vera Sans Mono - 11pt/14px （快速下载）

Lucida Sans Typewriter - 11pt/14px （快速下载）

Monaco - 11pt/14px （快速下载）

Andale Mono - 11pt/14px （快速下载）

Pragmata - 11pt/14px （快速下载）

Envy R - 11pt/14px （快速下载）

ClearType 未启用

未启用或无法使用 ClearType 时，以下字体比较合适：

Courier New - 9pt/12px （快速下载）

Lucida Sans Typewriter - 9pt/12px （快速下载）

Andale Mono - 9pt/12px （快速下载）

CodingFontTobi - 12pt/16px （快速下载）

ProFontWindows - 9pt/12px （快速下载）

暂时就这么多，期待更好的字体出现吧。

中秋

Tue, 25 Sep 2007 07:28:21 GMT

祝所有的亲人和朋友们，

合家团圆中秋快乐！

没有团圆的也无妨，

人有悲欢离合，
月有阴晴圆缺，
此事古难全。
但愿人长久，
千里共婵娟。

有意思的Wikipedia

Sun, 23 Sep 2007 16:48:33 GMT

Wikipedia的语言版本分的很细，只是中文部分就有汉语、粤语、闽南语、吴语、客家话、文言文等数十个版本。真正有意思的是，每个版本都完全用该种语言文字表达，彻彻底底，原汁原味。

比如，汉语的“首页”，粤语叫做“頭版”，吴语叫做“封面”，文言文称为“卷首”。再比如，汉语说“你知道吗”，粤语就是“你知唔知”，吴语是“倷阿晓得”，文言文则是“汝知之乎”。

还有：

汉语：已有145,925篇中文条目。
粤语：總共有4,904篇文章，大大細細嘅編輯總共有九萬九千四百八十下。
吴语：亨白浪当有310篇文章。
文言文：丙戌年七夕始，迄今得文一千七百五十四。

汉语：新闻动态——提供当前新闻事件的背景资料
粤语：時人時事——提供而家發生嘅事嘅背景資料
吴语：近段辰光个事体—— （注：吴语的有些资料还没有完善，包括这个提示）
文言文：世事——言明今事之情

穆里尼奥走了他们说…

Thu, 20 Sep 2007 11:46:58 GMT

他们说：

穆里尼奥在斯坦福桥天空制造过无数闪电，可最震撼的一道闪电却是他的离去，然后整个天空寂静黯哑，从此只有弗格森这样的神，却没有穆里尼奥这样的魔，没有神魔大战的英超战场只是和气一团的菜市场，或者赛季末打折的名牌店“OUTLET”，我们终于回复到2004年以前的按单出牌，看老弗爷和温格两个经典派老头子轮流坐庄。

——《魔力鸟逝去，是斯坦福桥坍塌的前兆》

我甚至从来没看过一场切尔西的比赛，但从各种各样渠道，我被穆里尼奥为了胜利的不拘一格而打动。口水战，钢铁防线，边锋群，魔兽，这些与其说是和切尔西有关，还不如说是穆里尼奥自己的杰作。

——《穆里尼奥下课了》

足球江湖里狂人很多，但狂得出类拔萃狂到旁人觉得他的狂是理所当然天经地义这种境界的，还真不多。而穆里尼奥，该算一个。

——《那个张狂但让我喜欢的男人》

穆里尼奥下课了！切尔西疯了！

——《Special One——Mourinho》

今天我早上困四懵懂听到教练下课的噩耗的时候… 刹那间就猛醒了震惊了然后就是扼腕叹息了穆里尼奥原来是我开始真正喜欢切尔西的理由…

——《MEMORIES OF NOBODY》

在三年半的时间里，他是如此使蓝狮留下自己的印记，以至于他的后任都将面临他留下的长长阴影。而这种阴影下的比较，则不只是兵家胜败，还包括人格魅力，以及美学逻辑。

——《致敬穆里尼奥》

然而这三年也让穆里尼奥心力绞瘁，当年的一头青丝变成了缕缕白发，以致上赛季他不得不留起了板寸，来掩饰自己的衰老。当这份付出得不到应有的回报，再也无法从球场上找到指挥的乐趣，骄傲如穆里尼奥，离开只是迟早。

——《走好，魔力鸟》

穆里尼奥的下课对于英超诸侯乃至欧洲其他豪门来说都是一个好消息，谁都讨厌他的狂妄，但谁都不能否认他的执教能力，少了这样一个难缠的对手，谁不高兴？

——《阿布的球盲心态赶走了穆帅，也可能会失去切尔西的未来》

帅哥离开豪门，白手起家，最终击垮抛弃他的豪门，这好像是电视剧频繁出现的桥段。每当我看到这样的演绎，不免对编剧冷嘲热讽，报以n个烂字。这一次，我希望能在现实中看到这一幕上演。

——《Jose will leave Blues today》

是说再见的时候了吗？还有那么多我们喜欢的球员，特里，蓝8，卡瓦罗，德黑，。。。。。可是，却已没了绝对标志人物，我们真正的灵魂，现在的切尔西还是我们心中的切尔西吗？

——《我是因为穆里尼奥，才爱上切尔西…》

德罗巴追随穆帅远走意甲，特里和兰帕德圆梦诺坎普，切尔西的一条中轴线彻底瓦解。这不是痴人说梦，在某种程度上，阿布再多的卢布也比不上穆帅横出六根手指的个人魅力，穆里尼奥一个人完全有能力引发斯坦福桥的蝴蝶效应。

——《消逝在斯坦福神殿的侧影中只有一个穆里尼奥》

现在我甚至希望切尔西快点降级，让阿布知道自己是多么愚蠢。

——《穆里尼奥离去，斯坦福桥的上帝离去》

何塞的罗曼史 Over

Thu, 20 Sep 2007 05:32:02 GMT

穆里尼奥走了，与切尔西——确切地说，是与阿布拉莫维奇——分道扬镳。

虽然有些震惊，可我觉得这是迟早的事。

切尔西成绩低落的时候，阿布是多么的礼贤下士、三顾茅庐，几年过去，算是豪门了，要玩贵族派头了，就开始诸多责难、翻脸无情。

翻云覆雨，莫过于此。

须知足坛风云变幻，球场高手如云，谁敢轻言必胜？谁又能年年必胜？要是花钱最多冠军就能最多的逻辑成立，那这十几年最得意的，应该是莫拉蒂的国米。

去年大笔一挥，签下两大超级巨星，今年袖子一甩，半个英镑不给，自己想办法去！更玩起了安插亲信、权力制衡的把戏，“用人不疑，疑人不用”，这种背后捅刀、暗地里使绊子的极端做派，怎不让人寒心？

以穆帅的狂傲性格，让他唯唯诺诺、委曲求全，还不如叫他去死。

于是，一拍两散，必然成为必然。

“人生在世不称意，明朝散发弄扁舟。”

“仰天大笑出门去，我辈岂是蓬蒿人！”

想对穆里尼奥说：何塞，走吧，没什么了不起。相信你会活得更好，飞得更高。

想对阿布说：罗曼，既然不满意三年六冠大满贯的成绩，那就继续寻找你理想中的既能赢球又踢的漂亮还会夺冠的教练吧，祝你成功。

不过在此之前，先容许我心理阴暗的企盼——切尔西马上输球。

另：极度推荐李承鹏的这篇《魔力鸟逝去，是斯坦福桥坍塌的前兆》，大眼就是大眼，很多咱想说却说不出来、想写又写不出来的，都在里边了。

三续当机秀

Tue, 18 Sep 2007 15:35:28 GMT

书接前文《继续当机秀》。

再发几张最近发现的。

风靡全球的 SecondLife

长尾的典型应用、全球最大的DVD租赁商 Netflix

美国最火的分类广告社区 Craigslist

投注站遍布全球的博彩业巨擘 Betsson

视频界新秀 Viddler

大型门户 UsaToday

点评企业的新型社区 Yelp

提供5G免费空间的存储共享社区 eSnips

还没搞明白干嘛的 Yuku

老是互联网界的有点腻，来几个世界500强的看看（以下皆为2007年排名）：

排名老大的 Walmart

第44位的 HomeDepot

第86位的 AT&T

第179位的 BestBuy

第475位的 GAP

再加一个特别点的：

前段时间闹出“史上最牛女秘书”事件的 EMC

先这么多吧。

给网站开发和设计者的10点建议

Mon, 10 Sep 2007 16:36:31 GMT

好久没翻译解馋了，来一篇吧，《10 Tips for Budding Web Programmers and Designers》。感谢Eric同学的指点迷津。

给网站开发和设计者的10点建议

作者：Chrys Bader
翻译：htmlor

1. 使用Firefox

Firefox是你触手可及的最重要的平台，网站开发时必不可少。并不是说你非得把它作为默认浏览器——平时上网时，你想用哪个都行。

自Firefox问世，就有一些居家旅行必备扩展随之产生。如果你想事半功倍立竿见影，快用它们。

必备扩展

Web Developer （Chris Pederick）

这个扩展有很多功能，虽然多数已被FireBug（下文会谈到）涵盖，还是有一些颇为好用的。其中包括：

缩放浏览器窗口
简单迅速的缩放窗口，800×600、1024×768… 任何指定的尺寸。使用此功能，可以查看各种分辨率下网站的表现。到你的Google Analytics帐户里看看哪种分辨率的访问者最多吧，然后重点为它设计。（FireBug没这个功能）
编辑CSS/HTML无需刷新
使用此功能，不必刷新页面即可修改CSS，并将结果实时呈现于页面。太节省时间了。（Firebug里有类似功能，但没这么方便）
（htmlor注：靠，用了这么久居然都没发现这个好东西，真是太逊了~）
查看页面加载的所有Javascript
使用此功能，可以在一个页面内查看所有已加载的JS。查看自己或别人的JS代码，方便的很。（Firebug能显示出所有JS名称，但代码没有摆在一起，不方便查询）
查看生成的源代码
如果你有用AJAX或者Javascript改变页面内容，此功能绝对实用。因为通常的“查看源文件”模式下，是看不到动态生成的HTML代码的。（Firebug也有此功能）

Firebug （Joe Hewitt）

在办公室里，我们常常会问：“还记得没有Firebug时怎么过么？”它确实改变了我的生活。其主要好处如下：

检阅DOM
点击“Inspect”，然后鼠标放到页面元件上，就能看到此元件的HTML和CSS代码。
显示样式继承的实时CSS编辑
简直就是钱啊——这大大节省了布局设计的时间。例如，在Firebug里可以选择一个DIV标记，点击margin属性后手工调整，上下键为加减1个像素，上下翻页键为加减10个像素。（htmlor注：任何数值属性都可以这样调整）还可以在当前样式添加新属性。效果满意之后，再把修改的CSS代码贴到实际文件中去。
详尽的Javascript调试
这里的JS控制台比Firefox自带的稍好。它更详尽，是默认控制台不错的替代品。
查看页面加载的所有文件及总字节数
对于优化站点加载时间来说，这很关键。你可以测试单个文件会加载多久，图片，JS文件，AJAX调用等。在“Net”部分的最后一行，可以看到页面加载文件的总字节数。

2. 保持兼容性

保持跨浏览器的兼容性很重要。对我来说，这是不怎么好玩的一件事。我之前说过最好在Firefox下开发，但也别忘了检查一下页面在IE6、IE7、Safari（或者还有Opera）中的表现。还有，到Google Analytics里看看你的访问者都用什么浏览器。他们用哪些，你就得重点照顾哪些。

在自己网站的Google Analytics帐户里，我亲眼目睹了IE6占浏览器比例的下滑，持续下滑。等到哪天它跌破5%时，我会开个party庆祝一下——因为再也用不着支持它了。

想要不那么费事的实现兼容，那就简单一点。比如你为了某种效果在一个浏览器里百般调试、费尽周折，它却很可能在另外的浏览器里不好好表现。这就要说到下一建议：少即多。

3. 少即多

把握好分寸。图形设计，编程，页面布局，任何事情都需如此。简单一点。

图形设计
现在有一种滥用渐变、斜角和阴影的态势。有时候事情如果没搞好，很可能是东西太多了。简简单单、大方得体就好。
花哨的Javascript
用一些很酷的JS效果增强用户界面很好，不过另一方面，它会造成用户的负担，尤其是那些没有像你一样拥有超级电脑的用户。此外，还有跨浏览器不兼容的麻烦。再强调一次，不要对JS倚重太过，什么事都靠它。如果实在想用JS，我强烈推荐jQuery。

4. Javascript？就用jQuery

Javascript用来显示/隐藏信息很棒，它让页面空间开阔，不会挤成一堆。想以一种更新更酷更简单的方式操控JS？一定要试试jQuery。

jQuery

jQuery的主要优点之一：兼容性已广受各大浏览器的考验。也就是说，其所有方法都能保证正常运行。优点之二：极其易用。

jQuery使用CSS的选择器操作对象，让你随心所欲的控制它们，一切尽在掌握。例如：

隐藏id为myDiv的DIV里所有的段落

$('#myDiv p').hide();
$('#myDiv p').hide('slow'); // 动画效果隐藏
$('#myDiv p').toggle(); // 点击显示，再点击隐藏

从这里了解更多jQuery。

其他类似的Javascript库也不少，有mootools、prototype和scriptaculous等。

5. AJAX要因地制宜

Web 2.0大潮中，AJAX炙手可热。很多人都问我“你懂AJAX吗？”，好像它是种独立的编程语言似的。说白了，AJAX只是一种手段而已，它通过与服务器端交互，无需刷新页面就能获取和更新数据。

我注意到最近有一种趋势：无论干什么都用AJAX。这并不总是明智的选择。原因？

访问量。全盘应用AJAX，会损失掉宝贵的PV。
可用性。这一点会有争议，但我认为大多数用户（可能不包括你）仍旧有个习惯：他们依然把页面刷新当作某些事件（如表单提交、页面跳转等）发生的迹象。

AJAX绝对有用武之地，而且某些情况下非它不可。不过重申一遍，少即多。把握分寸，适度使用Javascript和AJAX就好。

6. 搜索引擎喜欢结构化代码

现在有种风潮，人们想尽办法让自己的关键字在搜索结果中名列前茅。作为开发者，你有责任因势利导，用结构化代码尽可能优化网站以适应搜索引擎。

以下是一些重要的结构化标记：

H1 - 最重要的标题，搜索引擎最重视它。
H2，H3，H4，H5 - 重要性依次递减的标题。用它们恰当的传递信息，搜索引擎会根据字号给予相应的关照。

A - 链接。通常给它个TITLE属性比较好。

<a href="http://blog.htmlor.com/" title="htmlor's blog">htmlor's blog</a>

IMG - 古老的图像标记。给它个ALT属性比较好，搜索引擎会把其属性值当作关键字。另外，当图像无法显示时，访问者会看到替代文字。

还有一些重要的标记：

TITLE - 此标记会作为搜索引擎查询结果的标题显示，应该认真对待。

META - 最好完善一下keywords和description，搜索引擎还是会读取这两项老掉牙的信息的。

<meta name="keywords" content="编程,设计,武侠,小说,足球" />
<meta name="description" content="关注新技术，趣文章，足坛风云；偶尔抒抒情，搞搞笑，装装深沉。" />

7. 布局用DIV 别用TABLE

其实这条我们都已习惯了，现在还用TABLE布局是会被人极度鄙视的。在列举表式数据时用用还差不多。

搞定DIV布局需要很多实践，不过一旦你掌握诀窍，它将变得俯首帖耳。由此获得的灵活性，比你能想到的还要多。

其实它非常简单，就好像 float 和 width 一样。

我在Virb写了个很简单的两栏布局教程，有兴趣就看看吧。

8. 少用行内样式

写代码时，通常会直接在元件标记上加几句样式，这比往CSS文件里加个Class或属性简单顺手一点。不过，最好别这么做，因为代码需要可维护性。

某些时候，你将不得不面对自己以前写的代码。自己的床自己得睡，自己犯懒自己遭罪。10年来，我认识到一个道理：现在额外花时间，将来特别省时间。这就说到了下一个建议：代码要考虑将来。

不好的

<p style="font-size:14px;margin-bottom:0;">第一个标题</p>
<p>正文内容</p>
<p style="font-size:14px;margin-bottom:0;">第二个标题</p>

好的

<style type="text/css" media="screen">
p.header{
  font-size:14px;
  margin-bottom:0;
}

</style>
<p class="header">第一个标题</p>
<p>正文内容</p>
<p class="header">第二个标题</p>

9. 代码要考虑将来

要给代码写注释。整洁，有序，别偷懒。如果觉得匆匆忙忙没心思，休息一会儿再回来写。

某些情况下（比如你的网站将来成功了），别人会来看的代码。而有时候，这个人会是你。

几年之后，看到自己当年没有注释、乱做一团的代码，你肯定悔不当初。为了避免将来的自怨自艾，现在就把复杂的代码注释一下吧。

注释也不要太多。那些简单到一目了然的代码根本没必要说明，否则泥沙俱下，真正有用的注释会淹没在重重文字之中。

10. 了解标准，但不必束手束脚

别再使用SMALL、CENTER、FONT等不推荐使用的标记了，这样不好。

听说SMALL标记还没被弃用——不过抱歉，我肯定它没几天了。

网站上的有效XHTML和CSS标志告诉人们，你遵守了某些规则。也许这让你感觉与众不同，但是，网站质量与此无关。去看看哪个成功的大网站能完全通过HTML标准验证？所谓标准，其实跟不上新方法新技术的发展。

开发网站时，要尽量遵循HTML标准。不过有时候，可能需要跳出标准去实现某个功能，这样才能兼容所有浏览器。对此不必太过介怀，说到底，功能才是网站的根本。

如果实在想的话，可以用W3的HTML验证器检查你的代码。

讲完了

考虑一下上述建议吧，我推荐的工具可以开始上手了。祝你好运！

（完）

变脸

Thu, 06 Sep 2007 18:56:50 GMT

杭州的天，姑娘的脸，说变就变。昨天还是艳阳高照，笑语晏晏，今天就变得凄风苦雨，冷若冰霜。不付出点代价我还真是印象不深，比如发个小烧生场小病什么的。

就兴你们变脸？咱也变变看。这blog真正开写也一年多了，模板好像没怎么变，都看的审美疲劳了，更何况还不怎么美。虽说咱懒，不能“看我七十二变”，可七百二十天变一次总是可以的嘛。

决定改了就马上动手。忙活了几天，终于搞定了。与旧的相比，新模板有如下变化：

整体风格更加鲜明。说的难听点，更加刺眼，呵呵。
宽度调整为100%。现在大家显示器那么大，不用多浪费啊。
图片修饰适量增加。哈，最得意的就是文章标题用了伟大领袖毛主席的字体，酷毙了。

欢迎大家前来捧场、观赏、提问题、扔鸡蛋。

病中一日美丽人生

Mon, 03 Sep 2007 18:23:28 GMT

今天早上不出所料的发了不太高的烧，病因是昨天造成的。

清照姐姐都说过“乍暖还寒时候，最难将息”，我却抱着侥幸心理，下雨天出门不带伞，导致得的淋病，哦不对，是淋的得病。这种事也只有我这种傻X干得出来，“记吃不记打”、“好了伤疤忘了疼”。

下午窝在床上发汗，被子都快湿透了，就是睡不着。于是爬起来，披着被子看电影，意大利天才罗伯托·贝尼尼的《美丽人生》。

看完之后，更睡不着了。

最喜欢的场景是雨夜看歌剧。多拉猛然发现开车的是圭多时两人的表情，让人笑到不行；圭多毫不手软、拿兄弟的红地毯铺台阶的一幕，又让人大呼浪漫；最经典的情节，产生于圭多因地制宜、看人下菜的急智，叫声”玛丽亚“，就有钥匙从天而降，问声上帝，就有医生前来答话，当多拉许个愿望，干帽子竟应声而至时，她肯定、必然、绝对以为他是上帝派来的使者，把一切都化腐朽为神奇了…… 这才是泡MM的最高境界啊~

还有那句“早安，公主！”——从初次见面从天而降，到订婚晚宴上的蛋糕，再到集中营里的广播，这句仅有两人明白的问候语，给予多拉的是次次惊喜，表达的是圭多的一往情深。人生在世，不就图个开心么？虽然只有几年时光，可多拉得到的幸福，无疑比有些人一辈子得到的还要多。

至于那声令人窒息的枪响，我宁愿白痴的认为是德国士兵发了善心开了空枪，放了圭多一马…… 理解一下，身为病人，心情是不能太低落的~

什么时候得再看一遍，毕竟从被子里探出身子CD1换CD2时，怕再受凉的战战兢兢，使我不能专心致志、全情投入啊。

不喜欢 Bloglines Beta

Sat, 01 Sep 2007 08:13:20 GMT

前几天Bloglines推出了新的beta版，简单用了一下，感觉不好，就没继续了。今天又较为详细的体验了一把，感觉更糟，如果哪天Bloglines要强制切换到新版，我一定二话不说，转投Google Reader 。（旧版Bloglines和众多阅读器的对比图，请看我的这篇旧文）

以下是令我不爽的地方：

界面

如果说老版的界面是简洁朴素（有人说丑陋我也没啥大意见），新版就是不伦不类。几个过渡色背景，怎么看怎么煞风景，按钮看着也很别扭。

另外，字体从Verdana换成了Trebuchet MS，原先稳重的感觉一下子变成了… 轻佻。当然，不是说这个字体本身不好，而是和Bloglines的风格不搭，看看它厚重扎实的logo，再看看界面上细不拉几的字体，你有什么感觉？

功能

一，新版加了个类似于Netvibes和iGoogle的首页（Start Page），可以快速发现选定blog的更新。

平心而论，这个功能还是不错的。不过我上来就发现两个bug：

把feed拖进首页的时候，文章竟然是按照从旧到新排列的。（再访问首页时，顺序又正常了）有图为证：
当一个blog没有更新时，选择打开本周（This Week）的旧文，顺序依然是从旧到新。

二，新版取消了blog的副标题和logo，还取消了订阅数显示。

这让我百思不得其解。要知道，订阅几百个feed的大有人在，难免看着看着就忘了这blog是干吗的、blogger何许人也，瞄一眼副标题跟logo重新认识一下，不是很好么？至于订阅数显示，我说，就算要抄Google Reader，也得去粗存菁不是？怎么一股脑儿全拿来了？

三，新版提供3种浏览模式，Quick view、Full View和3-Pane View。其中Full View模仿Google Reader，自动聚焦到当前的文章，自动标为“已读”。

这种方式好不好，见仁见智。可是，Bloglines大哥，您知道我为什么一直坚守阵地没有转向Google Reader么？

每次启动电脑，我都会顺手打开Windows任务管理器。而每次打开Google Reader看blog，CPU占用量“噌”的一下就上去了… 这是我不用它的其中一个原因。可现在，您比它还牛X，彻底摒弃了简单简洁简朴，技术要多ajax有多ajax，形式要多2.0有多2.0，CPU占用量要多大有多大……

细节

左侧栏，表明有几篇新文章的数字被放在最右边。隔这么老远，“距离产生美”？恐怕是“距离拉开了，美没了”。
文章内容CSS处理不当。ol列表的数字看不见了，ul列表的小方块（或小圆点）看不到了。自然就是美，非得给它特殊处理干嘛？
Full View模式下阅读文章时，第一篇文章居然不是自动聚焦高亮显示，非得点一下或滚一下。真不够体贴。

好了，牢骚发到这里，说几句真心话。在群雄环伺的今天，Bloglines想求新求变东山再起的心情可以理解，但是，希望不要操之过急，不要盲目跟风，免得适得其反，免得“周郎妙计安天下，陪了夫人又折兵”。

谢谢啊

Fri, 31 Aug 2007 14:58:24 GMT

我还真是后知后觉，Feedburner在29号就被咔嚓了，到今天才发现。也难怪，那天我心有旁骛、魂不守舍，就算国家领导人挂了，可能也浑不在意吧。

订阅本blog的同学们，虽说Bloglines、抓虾、Google Reader都能抓取Feedburner上的feed，没有太大影响，不过为防日后有变，还是改下地址为好。动动手，换成 http://feed.htmlor.com 吧。（用的是Feedsky的域名绑定）

说起来，让我不得不作出反应，迅速从懵懂的状态中回复过来，真该给GFW记一大功——谢谢啊！

感激之情无以为报，献上拼盘诗一首：

葡萄美酒夜光杯，
你自归家我自归。
老后人间无处去，
目断吾庐小翠微。

听说今天是Blog Day，赶上这事儿，还真是和谐啊。

Microsoft Office Live Basics 印象

Thu, 30 Aug 2007 14:24:34 GMT

DreamHost主机快到期了，续费吧？实在有点肉疼，于是寻思着找个质优价廉的替代品。Google一下“国外主机”，便看见了搜索结果右侧的Microsoft Office Live的这个广告。

免费顶级域名，500M网页空间，25个电子邮件帐号，网站流量分析… 貌似不错啊，试试看。当然，用它接替DreamHost是不可能的（不是一回事），不过我想搞个免费域名玩玩。点链接进去，是个英文界面。（搞不懂为啥做中文广告呢？）

那就注册吧，按照以下顺序慢慢来：

新注册一个域名，或选择已注册的域名。
用这个域名注册一个Windows Live ID。今后这个id将用来管理此域名的帐户、Email等。如果新注册域名，域名的联系人邮箱将变成 user@domain.com 。
填写联系信息。国家貌似只有美国。另外，新域名的联系人用的就是这个信息。
输入信用卡资料。必须真实有效，瞎蒙可不行。注意：邮编5位，电话区号3位，号码7位。多了少了都会被提示错误。
选择注册性质是否公司。随便选。
看一段真情告白。大意是微软以后可能会发邮件打电话让你参与网络调查，因为注册域名你的资料将会被提交给注册商等。
同意条款，确认注册完成。

没有错误的话，马上就会进入管理界面。（新域名要过一段时间才能生效）

管理分7大块：

首页
Email
跟普通的Hotmail用户一样，查看自己的收件箱、联系人等。
网站
增、删、改页面，设计网站，查看网站统计，管理广告等。
广告在线
发布、管理广告。
市场
好像是使用此服务的企业集合，各行各业都有。
管理
修改联系信息，修改域名联系人资料，管理用户，添加Email帐户等。
资源中心
一些文字性资料。

由于极度失望，看了几眼、用了几下就没了继续下去的欲望。有兴趣的朋友可以深入研究一番，写篇《玩转Microsoft Office Live Basics》之类的出来，呵呵。

下面主要是对此服务的不满：

除了IE，不支持其他浏览器。
微软老大，拜托，现在都什么年代了，还搞这套？醒醒吧，阿宅！
网页设计工具局限性强，不支持源代码编辑。
就能选个颜色、换个字体、挑个布局、拣个模板，还当是运营MSN Spaces那会儿呢？糊弄谁呢？忒小气！
再有，生成的页面源代码极不标准，一堆表格，连页面编码都不标明。也难怪，人家没提供英文之外的版本嘛。
Email帐户数太少。
每个域名下，只能有25个Email帐户。跟Google Apps的免费版可以申请几百个相比，还用说么？同样曾经叱诧风云，做霸主的差距咋就这么大涅？
把新注册的域名牢牢掌握。
想添加子域名，想修改DNS，没门儿！啥时候你不用我服务了，我才考虑把域名还给你。

我本就是冲着域名来的，因此注册前特别留意了一个问题：假如我放弃了Microsoft Office Live服务，还能保留域名吗？微软的回答如下：

新域名将注册在我们的注册商Melbourne IT处，你将是域名所有人。假如放弃Microsoft Office Live服务，你仍可通过Melbourne IT网站享有域名的完全控制权。不过，在注册Microsoft Office Live服务后的60天内，你不能把域名转移到其他注册商处。请注意，一旦你放弃Microsoft Office Live服务，你将有责任支付每年的域名注册费用。

我想发信问问，在我不放弃服务的情况下，能不能“享有域名的完全控制权”？用他们的在线反馈表单，提交几次都是出错。

这样的服务… 无语了。

另，有一篇对比Google Apps和Microsoft Office Live的文章，有兴趣的可以看看。

继续发疯

Wed, 22 Aug 2007 19:43:22 GMT

靠，已经快4点了。反正已经发疯了，就疯个彻底吧。

一首自己组合的拼盘诗：

我本海上鹤，偶逢江南客。
吟想旧经过，花时奈远何。
昨来朱颜子，今日白发催。
春草纷碧色，佳人旷无期。
病起见闲云，空中聚又分。
今日到幽居，了然知所以。

司马白大爷（两次），博士雍大爷，偶像李大爷，老乡贾大爷，高僧齐大爷，不好意思剽窃了您几位的作品。不过要是你们知道小生的心情，想必也能体谅。

继续当机秀

Wed, 22 Aug 2007 18:40:47 GMT

书接前文。

这一段时间又发现不少网站的当机画面，也都亮出来吧。

近期红的发紫紫的发黑又被人黑的 Facebook

出现众多模仿者被跟风跟的发疯的 Twitter （新）

前一段疑似解封的 Technorati （新）

卖 iPhone 使得全球温度上升的 Apple Store

被 google 收购后火烧的更旺的 FeedBurner

似有仙人指路蒸蒸日上越做越好的 LinkedIn

背靠 facebook 大树幸福得晕倒的 iLike

比疯狂的石头还疯狂的 CrazyEgg

除了域名和相扑手没看出有啥特点的 ma.gnolia

画面如同源程序般乏味的 SourceForge

每天只卖一件东西极其好玩的 Woot

当机东西就打9折的 Veer

有可爱小仓鼠看的音乐社区 MOG

多彩的手工制品市场 Etsy

一不小心跌倒还自嘲的 Tribe

暂时就贴这么多，未完待续。另，点开链接看不到大图的朋友，请看这里。

htmlor's blog

Google Voice + Ringplus + flaphone 免费拨打中国电话 无需客户端

前提条件

一、拨打原理

Google Voice 免费拨打美国接入号码

Ringplus 免费转接全球电话

flaphone 在线接听

二、如何注册

Google Voice 注册

Ringplus 注册

flaphone 注册

三、拨打流程

常见问题

DreamHost 大乌龙事件及众生相

用脸行吗？

鸡骨头惊魂记

四续当机秀

楚门的世界

几种不错的编程用字体

ClearType 启用

ClearType 未启用

中秋

有意思的Wikipedia

穆里尼奥走了 他们说…

何塞的罗曼史 Over

三续当机秀

给网站开发和设计者的10点建议

给网站开发和设计者的10点建议

1. 使用Firefox

必备扩展

2. 保持兼容性

3. 少即多

4. Javascript？就用jQuery

jQuery

5. AJAX要因地制宜

6. 搜索引擎喜欢结构化代码

7. 布局用DIV 别用TABLE

8. 少用行内样式

9. 代码要考虑将来

10. 了解标准，但不必束手束脚

讲完了

变脸

病中一日 美丽人生

不喜欢 Bloglines Beta

界面

功能

细节

谢谢啊

Microsoft Office Live Basics 印象

继续发疯

继续当机秀

Google Voice + Ringplus + flaphone 免费拨打中国电话无需客户端

穆里尼奥走了他们说…

病中一日美丽人生