137天没上twitter了，发现跟新浪微博比，twitter无论是官方网页版，还是千奇百怪的各个平台上的客户端，全都是垃圾…… 但今天还是很高兴。#

这句话其实也不算骂人，但后来板砖横飞的骂战我也毫不奇怪，这就是老罗行走江湖的风格。骂战当然不是我这篇文章要说的事情，重点也不在驳斥老罗，只想顺便亮一下我的观点，我为什么爱 Twitter.

老罗觉得 Twitter 不好的地方

我看下来大意就是：官方 web 页竟然不支持 quote; 看不清谁是谁，谁在说什么；还是新浪微博一目了然。

在界面设计理念上的不同

Twitter 的革命性无需多言，但在我看来，最革命的一点是它上面的内容没有主贴和回复之分，每个 tweet 都是独立的，而且只能说很短的几句纯文字，仅此而已。不过根据实际需要，后来加上了 threaded reply (带线索的回复) 和 Retweet (官方 RT), 巧妙地兼顾了风格的简洁和功能的实现。这在后面我会详细的说。最后表现在官方 web 页上就是下图这样，左边都是清爽的一条条推，如果想细看，点击则在右侧展开详情，可以看到在之前都来来回回说了些什么，或者是图片的预览、谁 RT 过了。至于第三方工具的多样性更不用说，对官方设计不满的人，一般都可以找到适合自己的。

国内的微博则完全不同，虽然也有字数限制，但其设计理念却是恨不能往一条内容中塞进一头河马：图片，视频，原文，转发，评论，@谁谁谁，//好好好，#$%!#, …

当然老罗表示新浪的更好看懂，对此我暂不发表更多意见。

在交流模式上的不同

Twitter 将用户的活动分为三种：原发、对话、分享，而为后两项需求设计的功能就是回复和官方 RT. 这个机制说不上完美，也有些需求没有照顾到（比如引用 RT 的存在），但似乎这已经是个很高效的机制了，有如下特点：

• 它更像是一种平等的交流方式，你发你的推，我发我的推来回复你，不是附属关系。虽然不包含原文，但如果别人想追溯对话，按一下可以一追到底。
• 只有同时 follow A B 两人的人，A B 之间的对话才会出现在他的 Timeline 里。虽然不是说不同时 follow A B 两人就一定对 A B 之间的对话不感兴趣，但目前看来这是减少对他人干扰的最有效方式。
• 官方 RT 也是为了降低噪音而存在，A 发了一条有价值的推，不管有多少人 RT, 他人都只会看到一次。B RT 了 A, 如果 C 已经 follow 了 A, 或者已经从别人处看过了此推，C 不会再被 B 的 RT 多干扰一次。

回复和官方 RT 是建立在自我控制这个基础上的，这要求使用者要有谦逊的态度，管住自己，不要为了自己开心将大环境弄得嘈杂不堪。

• 不是每句话都有必要让所有 follow 你的人看到，比如别人问你一个事情，回复他就好了，不需要引用回复一下让所有人知道，而且这样的话别的人只看到了答案，找不到原问题，要找原问题比追溯对话麻烦得多。
• 不是每次 RT 都有必要让别人看到是你 RT 的，特别是在别人早已经看到过的情况下。

微博我没有用过，不好断言，但以我的观察，很难。基本上用户每天看到的就是上图那样揉成一团的东西飞来飞去。

在交流心态上的不同

我从来没有过去玩新浪微博的想法，还有一个原因是那里出了名的精英模式，在那里，似乎绝大多数人除了在自己的圈子里玩之外，对新浪而言的意义只剩下一个，就是为所谓的精英们增加关注数、评论数、转发数，成为新浪和精英们营销的帮手。

而在 Twitter, 这些数字是被淡化的，也没有那么多拿着 V 臭显摆的人，除非去看一个人或一条推的详情，也是看不到那些数字的，我管你说一句话有几千人转发呢，我只要看到我有哪些朋友和你一起讨论过就好了。

那些带着 V 字的人来到 Twitter, 发现自己随便说句话万民齐应的盛况竟然不能直播给别人看，回复骂一个人傻逼的时候竟然不能让天下人都看到他是一个傻逼（于是选择了引用 RT 来骂），RT 的时候竟然不能让天下人看到我 RT 过了（于是又选择了引用 RT）⋯⋯ 这 Twitter 还是人用的吗！

我用 Twitter 的方式

由以上原因，Twitter 成为我唯一的选择，尽管它也不是完美的。我乐意在显眼的地方标记，看，我是一名 Twitter 用户！

但是我 follow 的人很少，主要都是些有共同话题的朋友。因为我的经验是一百人几乎是我空余时间看推的极限了，而且如上文所讲，我比较介意话痨和噪声。有些名人是我很喜欢和敬佩的，但一看其发推风格就肯定不会 fo 了，这里面就包括了罗永浩罗老师，要知道老罗去年那段两小时的演讲，我可是完整地看过三遍啊。还有笑来老师，我实在不能理解他用 Twitter 的方式——他 fo 了两万人，我的天，我不要和怪叔叔玩 XD

今天我只从使用体验上说我为什么爱 Twitter, 其它原因只能篇幅有限了，其实不用说你也懂的！

这些天我在 Twitter, Flickr, Instagram 上贴了些我最近在折腾的照片，但比较零散，现在一切都妥当了，整理出来放到这个多年没更新的博客上，以说明我这里更新还是比天安门换头像要勤快些哟，cc @zhaoweitian.

花钱的账目

• 720p 山寨投影仪，￥1860, 购买的是散件自己组装，当然如果没这时间也可以买成品，淘宝上不同档次和外观的也有好些家，有兴趣请自己搜索 “diy 投影”。花费大概在两千左右，优点当然是便宜，耗材也便宜，宽屏高清，支持 HDMI, VGA, AV, 射频，色差 多种输入制式，遥控器切换；缺点是机箱大，噪音偏大。不过我后来在京东找了个 25 块的静音风扇换上，噪音已经几乎听不见了。
• Xbox 360 Slim with Kinect, 非常热门的家用娱乐设备，我年初买的，现在好像 250G 版本都只要两千出头了。Kinect 大约需要屏幕前三米左右的活动范围，人必须离开屏幕两到三米，所以屏幕太小是不行的，看不清字。而投影仪在这个距离上可以轻松投出 100 寸。
• 游戏机附属设备，微软无线力反馈方向盘一只，我在淘宝上找了个四百块的旧货，比原装省下的钱刚好够一张最新的 Dirt 3. 这个游戏我上一次玩都是快十年前的 Colin McRae Rally 2 了，那时我的 PC 配置还是 Athlon 1G + MX 什么的显卡来着。另外还有年初买的 Kinect Sports, GTA IV, 其中 GTA 系列在 PC 上的 3, Vice City, San Andreas 都是 100% 完成度，IV 出来的时候我已经在用 Mac 了，现在第一次买主机正版刚好向神作致敬。以上四件大约花费一千一。
• 其它花费：代替投影幕的三张 A0 白纸二十块，遮光窗帘二十多，HDMI 线八米三十块，漫步者 2.1 音箱百来块，音频延长线六米六块，摆方向盘的小桌子三十块，组装投影仪时用到的焊锡枪十五块，吊装用膨胀螺丝、铁丝若干。
• 电影播放主要使用了一些现有的设备，MacBook, Mini DisplayPort -> HDMI 转换器。老的 MacBook 并不支持视频音频同线输出，所以我都得另插音频线，但好像新款的都是一根线搞定。
• 我也将数字电视机顶盒通过 AV 线接到投影上，看电视的时候用遥控器切换。当然电视信号的清晰度和 HDMI 高清信号就没法比了。

实际效果

从照片上看四角有些暗，但肉眼观看并不明显，颜色也比较正常。照片中的拖影主要是拍摄快门长导致的，实际也没有这样的问题。下面是部分样片，全部照片在 Flickr 相册，如果访问困难还有 Picasa 相册。

Kinect Adventures 游戏视频

另有两段 720p 视频在 Picasa 相册里，Kinect Adventures, GTA IV, 由 YouTube 驱动，请自备科学上网工具。

Up 720p

Xbox 360 主界面

GTA IV

Dirt 3 方向盘驾驶

iPad 2 HDMI 高清输出到投影，Real Racing 2 HD, 用 iPad 2 重力感应驾驶

电视直播

电脑外接显示

全部照片在 Flickr 相册，如果访问困难还有 Picasa 相册。

• 不搜索时完全不加载任何相关资源，如 ajax API 库等
• 搜索 url 非常干净，没有多余的参数：fis.io/search?q=cse
• 方便使用 javascript 对结果样式进一步调整

获取代码

首先需要在 控制面板 – 外观^新功能！中选择“搜索元素”模式 (Search element), 再选择一种布局和一种样式。实际上 ajax API 能做的事情非常多，比如就在搜索框下方即时展开结果列表。如果把结果列表悬浮绝对定位，再加上 Search as user Types, 就可以做 apple.com 右上角那种搜索样式了，一边输入一边匹配。

但是考虑到小博客的站内搜索被使用得并不多，我还是选择了两栏布局，将结果列表放在一个专门的页面 /search 中，这样的好处是不搜索的时候可以不加载多余的内容：API 库，JS, CSS 等等。

改造搜索框

先不急着把获取的那一大堆代码往搜索框上放，上面说了，我们要的效果是不搜索的时候不加载。就改造一下模板原生的搜索框就可以了，让它提交用户输入的内容到 /search 这个页面，就这样。我的 header.php 中的搜索框是这样的：

<form action="/search" id="searchbox">
    <input type="text" name="q" id="input_search" />
    <input type="submit" value="搜索" />
</form>

一个 form 中装一个输入框和一个按钮，关键内容是 action=”/search” 和 name=”q”, 表示将会跳转到 /search?q=搜索的内容.

结果页面

建立一个页面 /search 来放入所有 CSE 代码。页面正文中放入 id=”cse” 的 div, 搜索执行的时候脚本将会改写其中的内容。

<div id="cse">正在搜索...</div>

然后在页面任意位置，比如末尾，写入前面获得的两个 javascript 代码，一个是 ajax API 库 google.com/jsapi, 另一个是以 google.load 开头的一大串。还有些 CSS, 是前面获取代码的时候选择的一种样式。

但这时候还不会自动执行用户之前输入的搜索，要从 url 请求中把搜索词剥离出来，并执行。这里我用了 Kevin Yang 提供的方法，在 draw(‘cse’) 一行后加入：

var match = location.search.match(/q=([^&]*)(&|$)/);
if(match && match[1]){
    var search = decodeURIComponent(match[1]);
    customSearchControl.execute(search);
}

现在这个搜索系统就可以正常工作了。下面是对脚本的进一步自定义，只逐条说明，不每次都写完整的代码，我会把完整的修改后的脚本放在本文末尾。如果今后代码发生变动，请自行查看我的 搜索结果页 源代码。

不加载 Google 的 CSS

如果要用自己网站的样式，最好是完全不加载 Google 的 CSS, 不然覆盖样式就有得写了。在 google.load 中加入 “nocss” : true 即可。

google.load('search', '1', {language : 'zh-CN' , "nocss" : true });

无结果时显示的文字

由 setNoResultsString 控制，在无结果时将字串写入到 “正在搜索” 处。中文语言下缺省值为“无结果”

customSearchControl.setNoResultsString('什么也没找到，请重试');

结果每页条数

由 setResultSetSize 控制，可选参数为 FILTERED_CSE_RESULTSET 10条；LARGE_RESULTSET 8条；SMALL_RESULTSET 4条。

customSearchControl.setResultSetSize( google.search.Search.SMALL_RESULTSET);

是否在新标签中打开链接

由 setLinkTarget 控制，一般用到的就是 LINK_TARGET_BLANK 和 LINK_TARGET_SELF 两种。

customSearchControl.setLinkTarget( google.search.Search.LINK_TARGET_SELF);

搜索执行完毕后调用其它脚本

由 setSearchCompleteCallback 控制，这是一个相当灵活的命令，我这里用它来将搜索结果标题中的“老肥博客 » 非唠不可”去掉，不然每条标题后面都有这样一句，比较难看。这里我另外加载了 jQuery 来用，当然这不是必需的，如果没有需要就不用了。

customSearchControl.setSearchCompleteCallback(null, function() {
    $('input.gsc-input').select();
    $('a.gs-title').unwrap().wrap('<h3></h3>').each(function() {
        var title = $(this).html().replace(/\|.*/g, '');
        $(this).html(title);
    });
    $('b:contains("...")').contents().unwrap();
});

以上在 setSearchCompleteCallback 中执行了三个步骤：

• 将焦点放到搜索框 input.gsc-input 中并全选文字；
• 将搜索结果标题链接 a.gs-title 先去掉外面的一层 div, 再套在 <h3> 内（这样方便沿用全局 CSS 里面的标题样式），然后对每个标题链接读取内容，替换，写回去；
• 将包含 “…” 的关键字高亮去掉 <b>;（Google 用 <b> 标示关键字，但不知为何 “…” 也都这样标记）

其它

我的搜索页面中还有一些脚本和样式，比如将 CSE 的搜索框伪装成模板原生的输入框，这样可以避免多次搜索的时候重复加载页面；从搜索框中取得当前关键字，写入到右侧提示区；等等，比较特殊，这里就不细写了，反正 Firebug 什么的都一眼看穿。

另外，前面提到 Kevin 的文章中有个技巧很不错，只让单篇文章出现在搜索结果中，排除掉翻页、标签等页面，像我用 .html 作为单篇文章的链接结构就很好办，直接在 CSE 控制面板中设置“包含的网站”为 fis.io/*.html, 就排除了其它形式的链接结构。

微博也是博客，我在 fis.io/*.html 之外还将 twitter.com/fisio/* 编入了索引，在搜索某些内容的时候会看到我的推也在搜索结果中。

最后是我的 /search 页面中相关脚本完整版：

<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'zh-CN' , "nocss" : true });
google.setOnLoadCallback(function(){
    var customSearchControl = new google.search.CustomSearchControl('015811090669888844099:szzhafqj8_4');
    customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);
    customSearchControl.setLinkTarget(google.search.Search.LINK_TARGET_SELF);
    customSearchControl.setNoResultsString('<img src="/b.gif" class="wp-smiley sm-sad">  什么也没找到，请重试');
    customSearchControl.setSearchCompleteCallback(null,function() {
        $('input.gsc-input').select();
        var searchwords = $('input.gsc-input').val();
        $('.p > b').text(searchwords);
        $('a.gs-title').addClass('new').unwrap().wrap('<h3></h3>').each(function() {
            var title = $(this).html().replace(/\|.*/g, '');
            $(this).html(title);
        });
        $('b:contains("...")').contents().unwrap();
        $('.gsc-cursor-current-page').removeClass('gsc-cursor-page');
    });
    customSearchControl.draw('cse');
    var match = location.search.match(/q=([^&]*)(&|$)/);
    if(match && match[1]){
        var search = decodeURIComponent(match[1]);
        customSearchControl.execute(search);
    }
});
</script>

参考文献

• 开发人员指南 – Google AJAX 搜索 API – Google 代码
• 类参考 – Google AJAX 搜索 API – Google 代码
• 在Wordpress中轻松集成Google自定义搜索引擎 | 简单生活 —— Kevin Yang的博客

对以前评论过的人隐藏资料输入部分

这个功能在很多博客都可以看到，让常客不再重复看到资料输入框，需要的时候点击就可以展开修改。另外预先显示评论者自己的全球阿凡达，用回形针别在右上角。下面欢迎来自天鹅海的组合大城小爱里的，小爱同学 做群众演员：

js 隐藏代码参考了 享总的文章，另外多了个享总没有提到的细节，展开和收起按钮按下之后会把焦点放到相应的输入框内，也就是多执行一个 .focus(); 以下是“更改”按钮 onclick 时执行的 jQuery 脚本：

$('#author_info').slideDown('fast');
$('#author').focus();
$('#show_author_info').hide();
$('#hide_author_info').show();

如果访客 cookies 中有曾经评论过的 email 信息，则预先显示头像。在 comments.php 中合适的地方先判断是否存在 email, 如果有则输出一个头像。

<?php if ( $comment_author_email ) {
    echo '<a href="...">' . get_avatar(
    $comment_author_email, 40 ) . '</a>';
} ?>

为了看上去生动些，头像被旋转了 10 度，这是用 CSS 实现的，参考我那篇关于 CSS3 动画的文章。这有一些浏览器的局限性，比如 Chrome Windows 一直有个 bug, 在图像被旋转后，边缘不能反锯齿；Firefox 则一直不能对无 padding 的图像进行圆角，除非图像处在背景中。于是我把 Firefox 下链接的 border 圆角也一并拿掉了。

动态的输入框浮动

GluedIdeas Subtle 主题原来是有输入框浮动的，但使用的是 position: fixed; 现在改成 jQuery 来做，在页面滚动的时候浮动是动态的了，顺便还兼容了 IE. 代码来自 CSS-Tricks.

可展开的表情按钮栏

表情按钮收起来了，放在大输入框内，点击则展开。同样是由 jQuery 来执行的，按钮按下的时候做三件事情：焦点放到大输入框里去；用 jQuery .toggle() 脚本来展开或收起表情按钮；按钮本身切换一个 class, 在笑脸和关闭叉叉之间切换。

$('#comment').focus();
$('#smilies_toolbar').toggle('fast');
$('#toggle-smilies').toggleClass('close');

新的评论回复样式

回复别人的评论时出现一个黄色的提示条，类似于博客界出名的 绿条禅，同时有个小箭头指向被回复的评论。

评论回复是基于枫叶的插件 WordPress Thread Comment, 经过了枫叶和我的一些修改，目前这样已经完全符合我的需要了。喜欢这个插件的朋友不妨去插件页进行捐助，支持开发。

评论列表

左侧评论列表也有一些小的变化，比如回复会比较小一些，编号字体换成了 Georgia, 以前我没有放上每条评论的链接，现在也放在了编号上，只不过颜色还是灰色的。

最后

如果出现显示问题可能需要刷新一下，避免使用浏览器缓存，最近的改动挺多的。另外如果您发现滚动很卡，可以回复我说一下浏览器和电脑配置

更新

本文发布 3 小时，评论数达到 98 条，当然主要是几个朋友在疯狂灌水啦，除了我自己之外差不多就是：ELL Jimmy Xu Sunny lisker, 大家都在盖楼──往地下室盖。

WordPress Thread Comment 这个插件是限制回复层数的，但仅仅是在超过层数的时候不输出回复按钮，而数据发往服务器并不验证。之前在 @terryxxy （上面的 Sunny）博客上我就在说，改动很简单，只需要 Firebug, 或者 Safari, Chrome 上类似的自带调试工具。找到评论输入框下面用来发送相关数据的两个 <input type=”hidden”>:

<p>
    <input type="hidden" id="comment_reply_ID"
    name="comment_reply_ID" value="0" />
    <input type="hidden" id="comment_reply_dp"
    name="comment_reply_dp" value="0" />
</p>

在 value 里填入想要回复的评论 ID 和深度 dp 就可以了。这也是按了回复按钮之后会通过 javascript 修改的两个数值。这样就可以无限回复下去了。你猜最后回复到了地下多少层？B31! 以前我只在回复前标一个 “Re”, 今天为了大家盖楼方便，把地下楼层编号 B2 B3 也输出了

然后新的问题出现了，每层回复都会在左边缩进，比如 margin-left: 20px; 算算地下 31 层得多少，早就撑破了。锲而不舍的 Jimmy Xu 同学不光一直往下破，而且还在截图

于是呢，我在插件设置页加入了一点判断，当楼层数 $deep > 14 的时候多输出一个 class=”min-width”, 然后让它 margin-left: 0; 效果是在地下 14 层之后不再缩进。但 Jimmy 同学 觉得不满意，最后我的方案：

<?php echo ' style="margin-left: ' . ceil(30/sqrt($deep)) . 'px; "'; ?>

进行了 margin-left = 30除以(楼层数开平方)再取整，第一层回复 30px, 第四层 15px, 到第 25 层，margin-left 就只有 6px 了。于是呢，从线性变为弧线，看看最后的效果：

另外下面是 @terryxxy 在 70 条评论的时候的截图，点击查看完整全图 https://img.ly/z8O

这是我的第一个发布到官网的插件，用来显示最新上传到 img.ly 的图片。可以简单地在 widgets 里面添加启用它，或者自行插入 php 代码。基于 pepijnkoning 的插件 My Twitpics.

widget 可选择的参数包括 widget 标题、Twitter ID（必须）、图片尺寸等，注意输出的预览图原始尺寸为 75×75, 所以最好不要将 “Picture Size” 设置超过 75. “Border color” 则可以填入 html 允许的颜色名称或者 #D3D3D3.

如果需要进一步样式化，可以使用已置入的 class:

p.widget_imgly_p {...}
img.imgly {...}

不使用 widget 的时候，需要插入的代码是：

<?php imgly_pics($username = fisio, $num = 5); ?>

输出的内容仅为图片，不包含标题和 p, 样式化同样可以针对 img.imgly

效果可参照我的 照片页面 右侧。

有大量文章介绍过 Google 阅读器的使用技巧，我以往的文章中也有不少，比如 快捷键的使用，今天这篇文章我要写的是如何更有效率地阅读、分享、发布，减少信息噪音，让自己和别人都能更高效地获取有价值的信息。

共享和备注 share w/o note

通常来说共享的范围就是 Google 联系人里面的活跃用户，这是一个默认会互相关注共享文章的圈子，类似于 Twitter follow. 您在 Google Reader 里面共享或者添加备注共享了一篇文章，关注您的人会立即看到这篇文章，即使只有一票。这种投票的权重是很高的，一票通过，它基于对预先选择的人群的信任。

喜欢 like

喜欢则是一种权重比较低的投票，对一篇文章标记喜欢，并不会把文章推送给别人，但是任何人看到这篇文章的时候，都能看到所有 Google Reader 用户对该文章的投票。这就比较像其它阅读器平台比如鲜果、抓虾里面的分享了，参与投票的人群是所有人。

星标和标签 add star or tags

加注星标和标签在本质上是相同的，只是星标具有特殊的快捷键和表现形式，是预设的（Gmail 也是如此）。在默认状态下它们都是别人看不到的，仅作自己收藏、管理之用。我的星标文章有个另外的用途，就是设置为公开，并输出到博客首页分享。为什么不是输出共享条目呢？因为安全考虑，星标里面基本上没有敏感内容，而且有些链接是墙外的。

针对订阅源的标签

上面所说的星标和标签是针对单篇文章的，但实际上标签同样可以用于订阅源，对订阅源添加标签，订阅源会在左侧栏中以目录树的形式排列，其标签也会继承给它下面的单篇文章。左侧栏的订阅源目录树，看上去像文件夹，但实际上是标签，因为标签是可以多重的。

这样一来，标签除了可以给订阅源分类，还可以给订阅源区分优先级，把重要的博客标记为必读，在阅读压力大的时候就可以优先阅读重要的博客下面的文章，保证不会错过。

神奇排序 sort by magic

按订阅源的优先级来阅读也不能完美解决问题，因为重要的博客也会有差文章，不起眼的博客也会有好文章，按订阅源的重要性来区分可能会漏掉一些精彩的文章。这时候可以用到神奇排序。

如图，神奇排序就在文章列表上方的视图设置里，或者在左侧栏点击标签名称的下拉箭头来选择。神奇排序是在大约三个月前新增的功能，但我觉得它的名字起得并不怎么好，至少很难让人从名字上看明白这个排序是怎么回事，听上去还挺山寨。但其实它的功能正是我所需要的：

根据文章的分享人数、喜欢人数、发布时间，进行综合排名

也许还有其它排序因素，也许朋友投票的权重会大于普通人，我就不是很确定了。用它来决定阅读顺序是非常高效的，特别是在 1000+ 的时候，基本上只需要读靠前面的一半，甚至 1/3, 就不会错过什么热门文章了，让所有的 Google Reader 用户替自己优选，每个人都是编辑，每个人都从中受益。

神奇排序简直就是为解决阅读的大量积压而存在，在大量积压的时候得到清晰的排序。但如果您的阅读很即时，还没有什么人分享或者喜欢过，那也不是问题，因为这时候您根本不需要它。它至少还解决了一个问题：即使没有关注什么 Google 联系人，也可以使用该排序方式，因为还有“喜欢”作为排序标准。

关于信息噪音

一个很多人头疼的问题：经常在 Google Reader 里面看到一篇文章的重复的分享。其实并不全是阅读器的错，我可以非常肯定的说，在您阅读之前如果有多人分享同一篇文章，Google Reader 是可以合并它们的，在您阅读之后再有人分享，也不会再重复出现。但为什么问题还是存在呢？以韩寒的新浪博客为例，广泛存在于 Google Reader 中的 feed 地址至少有下面三个：

三万人订阅了 blog.sina.com.cn/rss/twocold.xml
九千人订阅了 blog.sina.com.cn/myblog/index_rss.php?uid=1191258123
六千人订阅了 blog.sina.com.cn/rss/1191258123.xml

这些 feed 地址其实内容是一样的。这还不算，还有不同的烧制地址，以及 SR, meme 等各种再次分享源。即使内容雷同，Google Reader 也不可能把它们合并，这不是技术问题，我打个比方，一个博客的原始 feed, feedsky, feedburner 三者内容完全一样，但不能保证后两者突然改烧成了别的内容。例如下图，同一篇文章除了来自多种地址格式的订阅源之外，还有来自玩聚 SR 的再次分享。

给 Google Reader 用户的建议

降低信息噪音，规范自己的分享行为。这就好比我们提倡在 Twitter 上使用官方 RT, 杜绝 RT 回复，不要反复 RT @rtmeme 一样：

• 订阅更主流的地址，或者作者建议的地址。比如上面提到的韩寒博客，改成订阅人数最多的那个地址，和更多的人一起 share, like, 可以减少大环境中的信息噪音，我为人人，人人为我。
• 订阅 WordPress 原始 feed 并不是很好的方案，除了上一条的原因外，还有作者可能会更改域名，增加自己的麻烦。
• 批注的时候尽量采用 Google Reader 的评论功能，而不是共享备注，因为这会另起山头。
• 尽量不要再次分享 SR, meme 之类的订阅源

给博客作者的建议

实际上，博客作者是很难控制这些的，几乎每个博客都有这种问题，换域名啊，换 feed 烧制地址啊什么的。但是有些问题是明显可以纠正的：

• 要学会简单的模板修改。有些作者想提供 feedsky 给读者订阅，但是其 header.php（这决定了读者直接在阅读器中订阅首页网址时会跳转到的 feed 地址）、首页 feed 图标链接等地方仍然是原始 feed. 这直接造成了不统一。
• 尽量精简订阅源。比如 谷奥 提供了三个订阅地址，谷奥，谷安，谷奥+谷安。我认为最后一个是没有太大存在意义的。但是好像最后一个现在有很多人订阅，已经不可能回头了。我相信从一开始就做个最好的安排应该会更好。
• 说到这里，顺带提一下：有些作者还不知道如何关闭烧制 feed 里文章标题链接的跳转， 像 feedproxy.google.com 这样墙外的链接只会增加读者的麻烦。方法参考我很早的 一篇文章。

C S S不久以前我有一篇文章介绍了 CSS3 鼠标悬停动画，里面简单提过关于 text-shadow, 本文则是详细写 text-shadow. 很遗憾 IE 仍然无缘，IE8 都不行，在这个 IE 特别是 IE6 居高不下的国度怎么办，由它去吧。

兼容性

据 MDC 的文档，支持 text-shadow 的浏览器有 Firefox 3.5, Chrome 2.0, Opera 9.5, Safari 4.0, 其中 Safari 是老早就可以的，但直到 4.0 才支持多重阴影。另外 Opera mini 也能显示，但比较弱，阴影不能模糊。

阴影文字和发光文字

一个最简单的阴影文字是如下这样写的，其中 1px 2px 代表阴影相对于文字向右下方向偏移了 1px 2px, 可以为负值；5px 代表阴影的模糊半径，取值越大，阴影越扩散看不见。最后是阴影颜色。这样的阴影适合字号比较大的文字。

text-shadow: 1px 2px 5px #888;

text-shadow: 0 0 10px #fd8;

浮雕文字

浮雕文字效果在 Mac OS X 和 iPhone 中随处可见，由于阴影半径很小，一般是 0 或 1px, 所以也适合小号的文本。在使用上一般遵循这个原则：深色文字浅色背景，用白阴影，浅色文字深色背景，用黑阴影。

text-shadow: 0 1px 0 #eee; 凹进效果

text-shadow: 0 -1px 0 #123; 凹进效果

text-shadow: 0 -1px 1px #eee; 凸出效果

text-shadow: 0 1px 1px #123; 凸出效果 – /

多重阴影

在上面所列的新版浏览器中都已经支持多重阴影，可以达到一些特殊的效果，不过注意，如果文字和背景颜色接近，IE 下就杯具了。

text-shadow: 0 -1px 0 #000, 1px 0 0 #000, 0 1px 0 #000, -1px 0 0 #000;

text-shadow: 1px 1px 5px #08c, 1px 1px 0 #68a;

text-shadow: -2px 0 1px #db6, 2px 0 1px #6bd;

text-shadow: -1px -1px 0 #ccc, -1px -1px 3px #ccc, 1px 1px 0 #444, 1px 1px 3px #444;

text-shadow: 0 0 4px #ccc, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -18px 18px #f20;

鼠标悬停切换

让鼠标悬停的时候改变状态是个不错的主意，有很强的互动的感觉。阅读器中可能看不到效果。另外，在 Firefox, Chrome, Safari 中能看到整个按钮也有阴影，这是另一个应用于块模型的阴影属性，写法和 text-shadow 一样，但需要写两条：-moz-box-shadow 和 -webkit-box-shadow.

把鼠标放到按钮上切换阴影

半透明阴影颜色

有时候需要做的阴影不想它模糊半径太大，又不能太黑，于是从黑色改为灰色──问题来了，灰色的阴影在深色背景上很难看。

text-shadow: 1px 2px 3px #888; 杯具了

这时候要用到 rgba 颜色，在红绿蓝之外还有第四个值 alpha 通道，取值在 0~1 之间。下面的阴影是黑色，但是半透明了。半透明阴影的适应性明显更强，在模糊半径很小的时候，也能透出底下的背景色来。

text-shadow: 1px 2px 3px rgba(0,0,0,0.5);

动态阴影

搭配上 前文 介绍过的 -webkit-transition, 可以让阴影在鼠标经过时有个变化过程，仅 Chrome, Safari 等 WebKit 浏览器有效。

把鼠标放到文字上，阴影在 0.5 秒内聚拢

在 Finder 中按下 ⌘F 就可以把焦点移到工具栏右上角的 Spotlight 搜索框中，搜索范围默认为当前文件夹，当然也可以按下 “⌘,” 在 Finder 偏好设置中设置为默认搜索整个 Mac, 或者沿用上次的范围。另外一组按钮限定了搜索文件内容还是仅搜索文件名称。

输入搜索关键字，结果就会即时出现了。注意到搜索范围按钮的下方已经列出了一条匹配规则，其右侧有一个减号按钮和一个加号按钮，用来增删，多个规则之间是 AND 的关系。

按下“更多”，会找到超过一百种匹配规则，就像前面提到的关于图片、音乐、邮件、文档的详细属性。只要对其中某一条打勾，就会到外面这个常用规则列表里来，以后不用到更多里去找了。

规则之间不一定是 AND 关系，也可以是 OR 或者 -, 按住 ⌥ (option), 添加规则的加号按钮 (+) 会变成 (…), 点击会开启一个条件层级，用来“或”，“排除”。图中可以看到下级的条件左边有缩进。它们之间也可以简单的拖动来改变位置。

如果看看预置的“今天”的搜索条件，就是打开日期为今天，并且排除了类型为“文件夹”的项目。

这和 Gmail 的搜索公式 类似，只是更图形化一些。

如果需要保存这一搜索，按一下上方的存储按钮就可以了，搜索条件将被保存，并默认添加到 Finder 侧栏。

智能文件夹可以在别的程序中被当成文件夹来使用，如果有一个搜索某歌手姓名的智能文件夹，把它作为播放列表添加到播放器中，那么不管将来在整台 Mac 的任意地方增加删除了关于此歌手的音乐文件，都会反映到播放列表中。

Mac 自带字典有个极贴心的功能──在原生程序和部分第三方程序中 用鼠标取词翻译（视频），甚至对中文的词语分割都做得相当不错。可惜取词快捷键被设定为 ⌃⌘D, 这简直不是人类能单手顺利按下的组合键，而且自从 10.6 Snow Leopard 之后，这个组合键的设定从键盘快捷键偏好设置下消失了。

10.7 Lion 之后，该功能可以用三指轻拍两次实现。10.8 Mountain Lion 则为三指轻拍一次。

这个快捷键保存在 ~/Library/Preferences/com.apple.symbolichotkeys.plist 中，用任意文本编辑器打开它，找到 <key>70</key>, 其下有三个 <integer> 数值，第二个表示按键，D 的键值为 2; 第三个表示修饰键，⇧ = 131072, ⌃ = 262144, ⌥ = 524288, ⌘ = 1048576, 无修饰键 = 0, 多个修饰键 = 数值相加之和。

因此，默认的 ⌃⌘D 是 2, 1310720, 将其改为 2, 524288, 就可以用 ⌥D 取词了。

• 修改前注意备份，修改后重启
• 上图是在 Safari 网页中取词的效果，部分第三方程序中也能支持，比如 Adium. 选中文字之后菜单中有“在字典中查找”的地方都能这样用，但取词和查找使用起来体验是不一样的
• 使用 ⌥D 取词时，可松开 D, 仅仅按住 ⌥ 就可以移动鼠标去翻译其它地方
• 如果需要改为其它按键，建议安装 Key Codes 或 Full Key Codes 来获取任意键键值
• 安装第三方词典的工具是 DictUnifier, 安装方法和第三方词典下载可以参考 苹果贴士 和 StarDict

其实在 Mac 上的快捷键远没有上面的这个特例复杂，比较常用到的有下面几类：

系统偏好设置 › 键盘快捷键

可以修改和查阅常用的快捷键，并且可以针对某个应用程序添加快捷键条目，“菜单标题”输入此操作在该应用程序菜单中的名字，再录入快捷键就可以了。比如我希望在 Safari 中用 ⌃⇥ 和 ⌃` 来向两个方向跳转标签页，则需要新增一条“菜单标题”为“选择上一个标签”，快捷键为 ⌃`。如果对预设快捷键不满意，还可以添加一个条目来更改它，比如“显示 Top Sites”是个三键组合，我一般把它改为两键。

不被提到的快捷键

很多快捷键是写在菜单里面的，还有一些快捷键并没有在任何设置或菜单中明文出现，比如 Safari 中的快速拨号键：⌘+数字，可以直接访问书签栏中前九个书签。所以我把最常用的书签放在书签栏，但把书签栏隐藏。

屏幕快照的快捷键是 ⇧⌘3, ⌃⇧⌘3, ⇧⌘4, ⌃⇧⌘4, 还有一个不常被提到的技巧是在 ⇧⌘4 或 ⌃⇧⌘4 之后再按空格，可以截取窗口、菜单、Dock 等任意屏幕元素，可生成半透明的截图。

还有一些可以查阅的快捷键，可以看看 苹果的官方文档。

⌥ = option

⌥ 在 Mac 中应用非常广泛，不胜枚举，附加此键通常让操作以另一种形式进行，比如拖动文件时按住 ⌥ 由移动变为复制，按住 ⌥ 点击右上角的菜单栏图标会显示更多的内容，在 Apple Menu 中 ⌥ 点击操作会省掉询问，Finder 中 ⌥空格 让 Quick Look 直接全屏进行，……

修改键盘映射

推荐的软件是 KeyRemap4MacBook, 最大利用紧凑型键盘。安装好了之后控制面板在系统偏好设置里。软件提供很多更改，选自己需要的打勾就可以了。我通常只用到两个更改：

• 反斜杠 \ 改为向右删除。因为紧凑键盘的向右删除是 fn+delete, 而反斜杠在 Mac 上又极少用到。
• 右 ⌥ (或 enter) 改为 fn. 紧凑键盘的 Home End PgUp PgDn 是 fn+方向键，修改之后右边也有了 fn, 可以方便单手 Home End PgUp PgDn.

MPlayer OSX Extended

MPlayer/MEncoder 的伟大我就不多吹捧了，Mac 和 Linux 类似，找到隐藏文件夹 ~/.mplayer, 在里面新建 input.conf, 想要什么快捷键自己写吧。此处还可以有一个配置文件 config, 无扩展名。我开始用 Mac 的时候就是直接把我在 Windows 下用的 MPlayer 的两个 .ini 配置文件拿过来，改改就差不多了。参考 官方文档。

由于刚刚横空出世的 Goggles, 这个 Android 应用系列文章加映一期。Goggles 是 Google 又一个有趣的产品，以前我们只能输入文字搜索，后来 Android 平台上又有了对中英文都有良好识别率的语音搜索，可是如果不知道要搜索的东西叫什么名字，怎么办呢，试试 Goggles, 用手机拍摄它。

当然，并不是随便拍什么都可以识别，其实识别的过程就是从 Google 索引中寻找相似图片，比如著名景点、商标、产品、海报、人脸等，能否获得准确的结果一般取决于类似的图片在网络中是否好找。此外，Goggles 可用于：

• 替代名片扫描、条码二维码扫描
• 看到一张图片，想寻找它更高分辨率的图片，但不知道如何描述
• 想知道一张图片是否被 PS 过

我昨天在 Twitter 上提到，其实不一定要拍摄，G1 等带有 GPS, 电磁指南针的手机可以根据手机镜头的指向，告诉你前方是什么地点，显示在拍摄界面下方：

下图是搜索结果的界面，是不是和我写过的 Google web apps 新版界面一致？是的，搜索结果和历史纪录其实都保存在 google.com/visualsearch/history, 需要从 Android 设备才能访问。

这个 Similar Image 的匹配程度也震惊到我了，我尝试扫描了 @terryxxy 的名片，匹配的结果竟然就是他存在博客空间里的名片原件。

PicMe

这是我最喜欢的截图软件，需要 root 权限和 Wi-Fi 环境。启动之后显示手机的局域网 IP 8082 端口已开放，按一下 hide, 程序完全隐藏，这时从电脑浏览器中访问以上地址，刷新就可以不断截屏。在用它之前我使用一个叫做 Screenshot 的软件截图，是倒计时方式的，截图成功率不高，而且截完了还要把图片从手机传到电脑。PicMe 就方便多了。同时在 IP:8082 这个地址还提供视频流输出，需要录制手机操作视频的朋友也可以试试。

该软件作者还有一个类似产品叫 ShootMe, 不需要 Wi-Fi, 截前摇一摇，或者叫一叫。还有一个 On Air, 将 /sdcard 通过 Wi-Fi 加载为电脑上的一个磁盘。嗯，扯得有点远了，打住。

SMS Backup

将短信通过 IMAP 备份到 Gmail 或者 Google Apps. 备份邮件是像 Gmail 原生的会话式的，可选择自动备份，自动标记已读，自动贴标签。我很喜欢这样的备份形式，这样我可以从 Gmail 里面方便地同时在邮件和短信中搜索了。美中不足的是 Gmail 会话有 100 条上限，与同一个人超过 100 条的短信会另外开一个会话。

Twidroid

上次介绍 Twitter 客户端的时候我把 Twidroid 略过了，那时候我用它不多，因为有些地方不是很满意。而 3.0 的发布让我重新喜欢上了它：

• 追溯会话，如右图，回复带会话，起码的
• 官方 RT, Lists 支持（我的 Tweetie… 你什么时候支持啊）
• @链接，超链接不再单独一个操作，而是放在右图菜单顶部
• 菜单中的 “Jump to top” 按钮
• 将所有 mentions, 以及别人的官方 RT 显示在主 timeline 中
• 选择，或者自己输入 API 地址，加密连接
• 可选择短链接服务、贴图服务
• 在 /sdcard 储存头像，也可关闭头像显示

以上特性后面几个是以前版本就有的。这样几乎就已满足我所有的需求了。

在 Google Maps 中搜索驾车路线如下图，我从纵横当中选择了北京推友P哥 @Paveo 作为目的地。搜索结果给出了详细的驾车行程。

除了传统的可以在地图上查看路径之外，现在有一个叫做导航的按钮了。按了之后进入导航模式，下图中左侧是起始状态，卫星连线也还没有建立，按一下上方的“沿路线前进”，2D 地图就会切换成 3D 模式，显示出下一步转弯处位置。地图左上角的指南针随着地图的旋转而旋转。地图下方显示当前位置和离终点预计时间。

新版的 Google Maps 加入了图层，纵横被列为一个图层，其它的有餐饮，加油站，银行，景点等。在导航过程中开启图层，就可以查看附近的信息了。点击气泡打开详情和更多操作。

我将整个导航过程拍摄了一段影片，由于是用的是 MacBook iSight, 画质不是很好。在影片中我是一直用手按着往前走的，而且拍摄的时候是在室内，GPS 也没有连接，但如果这是个实际的驾车过程，那么导航就会随着 GPS 位置的变化自己前行，预计时间也会在下方更新了。

总的来讲，这是个非常牛逼的应用，特别是对于驾车族。在车载充电和 3G 网络的支持下，它已经远超市面上任何专用导航设备，因为 Google 的实时路况数据、商户信息是网络即时更新的。

对中国用户来讲，地图模式目前已经完全没有偏移了，卫星图则仍有偏移，在导航的时候完全无法用卫星图模式。街景么，咱也还没有。不过地图模式应该能满足大部分的需求了。遗憾的是，其中最精彩的环节与中国用户无缘，比如在街景视图中前进，语音搜索（中文语音识别相当强悍！）等。更多信息请参照 官方页面及截图，还有 谷奥 转存到优酷的官方介绍视频：

体验这些服务需要 iPhone, Android 上的 webkit 浏览器，或者在 Firefox, Safari 中 模拟 User Agent. 从 m.google.com 这个入口可以看到如下列表：

下面我简单介绍一下其中的常用的服务，另外有部分服务并没有链接到 web apps, 像 Sync 只是链接到一个提示页面，Earth (iPhone), Voice (Android) 只是链接到应用商店下载。

Gmail

之前 Gmail 为移动浏览器提供了一个地址为 /x/ 的界面，大多数手机浏览器都能访问，而专门为 iPhone, Android 开发的 /s/ 界面具有全新的外观，更快的加载速度，键盘快捷键支持，彩色 标签 支持，以及浏览邮件时的浮动工具栏等特性。目前仅支持英文，但不必为此专门设置语言，只需要直接访问：
https://mail.google.com/mail/s/#tl/Inbox 或者
https://mail.google.com/a/DOMAIN.COM/s/#tl/Inbox
注意，如果使用 Firefox: User Agent Switcher, 下图中的按钮不能正常显示，因为按钮使用了 -webkit-border-image 这样的专属 CSS.

日历 Calendar

日历同样可以通过 Google 帐户或者 Google Apps 帐户访问，同样的新 UI, 完全没有页面加载的快速使用体验。

Talk

Talk 只能从英文界面下访问。Google Talk 不光在电脑浏览器上通过 flash 实现了 web 化，手机上也做得相当不错了，当然 webkit mobile 以外的浏览器估计还是很难跑得动。

文档 Docs

Google 文档在电脑浏览器上已经能有不错的体验，移动版专门为小屏幕上编辑文档在操作上做了一些改进。如果是上网本就完全没有操作上的不便了。

工作表 Tasks

工作表已经从 Gmail 中完全独立出来，良好的 js 支持让它用起来就像是一个系统程序。

纵横 Latitude

Google 和 Apple 妥协的产物，直接访问地址是 http://maps.google.com/maps/m?mode=latitude, 使用体验和手极端安装的 Google Maps 里面完全一致，可以查看好友的详情，管理好友。另外，在 Google Maps 里也可以搜索路线等等。

阅读器 Reader

和 Gmail 类似，移动版的 Google Reader 也有两种，适用普通手机的 /m/ 和适用于 webkit 的 /i/, 也就是说把 https://www.google.com/reader/i/ 加入书签，就可以方便地从手机访问阅读器了，和那些第三方的阅读器应用相比，我还是更偏好 web.

相册 Picasa web

Picasa web 的移动版。撞墙之后很难拿它来分享照片了，不过要访问也不难，iPhone, Android 都是可以改那个什么 ho*** 的嘛。

Twidgit Lite

Twidgit 是一个界面精美的桌面 twitter widget, 但是我不知道它为什么不叫 Twidget, 也不知道它为什么叫 Lite, 据我所知没有付费版存在，大概 Lite 只是说外观小巧罢。

它可以设置更新频率，提醒方式，点击可展开完整列表，具有大部分常用功能，我截了几张图在 这里。但它不能查看用户页面，目前还不支持 thread reply, 也就是说发出的回复没有 in reply to, 这是件挺讨厌的事情，不过我一般不用它来推，也不设提醒，仅仅当成一个桌面装饰，便捷地关注朋友们在聊些什么。

关于 Twitter 不能登录，或者 Market 不能下载，Gmail 打不开的问题，我就不在这里说了，可以自行搜索，或者私下与我交流。另一个功能完备的 Twidroid 名气太大，不再专门介绍。

Barcode Scanner

简单实用的条形码、二维码扫描器，可将扫描结果自动复制到剪贴板，或执行搜索。我最常用它做的事情是将电脑上的网址或文本快速复制到手机：例如右图就是用 Google 图表 API 生成的 QR 代码，图片的地址是：

https://chart.apis.google.com/chart?chs=100x100&cht=qr&chl=/

参数很容易看懂，修改最后的 chl= 部分就能快速生成并扫描到手机。我把这个调用地址保存为浏览器的自定义搜索引擎，指定关键字为 q, 这样我只需要在地址栏中输入 q 空格 粘帖 回车，剪贴板中的文字就变成二维码啦。

Weather Widget

天气预报应用很多，能放桌面 widget 也不少，但这款是我最喜欢的，免费自不用说，而且有良好的中文支持，尺寸也有三种选择，截图中是最大的一种，占 2×2 格。设置很详细，连日夜分界时刻都可以自己调整。需要从 Market 下载安装两个东西，Weather Widget – Free, 和 Weather Widget Forecast Addon.

关于 Android 1.6 Donut

不少用过的朋友对 1.6 的评价都有这一条：它真的快了，很快很快。以前我一般不在桌面放 widgets, 因为返回桌面总会卡那么几秒，现在我一直放着上面介绍的几个，几乎感觉不到延迟。当然，合理使用一个任务管理器也是很有必要的，可以试试 TasKiller 或者 Advanced Task Manager, 它们都提供桌面 widget 供一键终止所有后台程序，也都有白名单排除功能。

正如本文所重点介绍的，桌面 widgets 正在变得越来越实用，而在 Android 系统中，可以添加到桌面的远不仅仅是程序图标和 widgets, 还有各种快捷方式，比如：

• 直拨某个联系人，图标会调用他/她的 Gtalk 头像；
• 直接访问某个 Gmail 标签；
• 系统设置下面的某个子类，比如我一直将 Wi-Fi 设置放在桌面；
• Google Maps 3.2 甚至允许在桌面创建路线搜索，比如我把我家的位置存到桌面，出门在外只需要按一下，自动搜索从当前所在位置回家的公交车。图标样式可自选！

  

接 上篇 继续介绍 Android Market 上好玩的免费应用。
rTerm, 或名 Roiding BBS Terminal, 或名“中文 BBS Terminal 软件”，是我见过手机平台上体验最完美的 telnet BBS 终端，特别是在 G1 的高分辨率屏幕，漂亮的汉字渲染，全键盘支持下。Ctrl 等键盘映射可参阅作者 网站链接，点击右图可查看我截的原始分辨率截屏。

Metal Detector

纯显摆的应用，但杀伤力超强──据我所知，其它平台上好像只有 iPhone 3Gs 有了电磁传感器硬件。启动程序后屏幕正中会出现一个黄色的进度条，手机靠近金属物体的时候进度条会增加，如果加满了会嘀嘀叫，或者震动。基于电磁传感器的简单应用还有指南针，在 Market 上有好些，外观不同而已，就不单独介绍了。

Google Sky Map

简言之，拿着手机对着天空，手机上显示的就是指向区域的星图。不管手机怎么转，显示都能跟上。它首先根据当前城市和时间，从服务器获取日月和星空的升落方位，然后根据手机自身的电磁传感器和重力传感器来即时调整角度。

这个应用在 上月莓友推友聚会 上极大的震撼了 @terryxxy 同学，因为他的 iPod touch 仅有重力感应，而没有电磁感应是没法确定初始方位的 但是很遗憾，我装上它之后一次实战经历也没有过，城市里是看不到星空的。

aFile Lite

界面优雅的文件管理器，亮点在于启动它之后，可以从同一无线网络的电脑上访问 web 界面去上传下载文件，比如 http://192.168.1.103:1225/. 可以管理所有手机上的文件，不局限在储存卡，因此我抛弃了 U盘模式。同类的应用还有一个 FTPServer, 就是在手机上开 ftp 服务器，供局域网内使用。

My Tracks

记录 GPS 移动路径，上传到 Google Maps 我的地图。比其它平台上的 GPSed 功能强大很多，当然，耗电也是杠杠的。

2 Player Reactor

最后推荐一个游戏，非常适合两个人一起玩，一人看一头，抢答，拼反应。屏幕上会出现一些简单的题目，种类很多，需要一定的英文能力。按对了绿色，按错了红色，比分显示在一侧。

标题是瞎写的，跟内容啥关系也没有，这篇文章主要是想告诉大家，我内心十分渴望向狂欢派对献礼，但是初这初那的早都献没了，就剩域名里还有“处男”二字，于是毅然决定剪下来献给派对。什么，你说我献错人了？不会错啦，派对到谁家都是主角啦。当然标题可以作另一种理解，就是我终于领悟到了“最后的疼爱是手放开”，爱她，就要离开，于是我把域名搬到印度洋小岛去了。

就是这么个事儿，老肥博客的域名变短了，由于更改了 feedsky 的源，所以今天在阅读器中骚扰到了大家，在此道歉 另外，如果您订阅我的地址是 feeds.fisio.cn 或者 feeds.fisio.cn/fisio, 几个月之后老域名过期，它们会失效，我将只保留这个：

http://feed.feedsky.com/fisio

烦请较早订阅的朋友动手改一下。有链接我的博客有空也请更新一下链接吧。我的 Gtalk 等帐号更改到了 i@新域名，Twitter 当然就不变啦。

最后，感谢 Showfom 提供的优惠购买信息，感谢 胡戈戈 在迁移中的强大支持，祖国满赛！

Steel

优秀的第三方增强浏览器，调用系统自带的 Chrome Lite 渲染核心，可全屏，书签可用标签管理，长按页面弹出轮盘式菜单，缩放效果一流。更为出色的是，它的地址栏输入类似 Firefox 3 的智能地址栏，自动从书签、历史中匹配关键词，即使键入 sio, 也能匹配 fisio.cn. 经我测试，不能用空格来搜寻多个关键词，其它的体验与 Firefox 地址栏无异。

另外，Android 系统是允许自由设置默认浏览器的，这让 Steel 可以接管任意来源的浏览请求。

Tweetatorium

照说，从 G1 往 Twitter 贴图最方便、不需要第三方软件的方法是 Gmail 附件，而且 Twitpic 是支持用邮件标题作图片说明文字的，但是很奇怪，从电脑这样用是可以的，但从手机发送，含有汉字的标题就给丢了，至少我测试下来是这样的。于是我平时都用 Tweetatorium, 长按图片弹出分享菜单，选择 Tweetatorium, 附注文字，它会自动在后台进行上传，上传完毕在顶部通知栏报告一下。简单实用。

Dict.cn En2Ch Dictionary

在线发声词典，词库量比本地词典有先天的优势。查词框可伴随输入进行提示匹配，单词真人发声朗读，例句也可以朗读，由于例句上并没有播放图标，所以这点容易被忽略，其实只要点击一下句子，就可以听到啦。顺便说一下，这是我工作的公司出品的，近期还会有 BlackBerry 版本上线，功能更加丰富，请期待

Places Directory

这个应用目前处于 Google Labs 阶段，让用户用一种比 Google Maps 商户搜索更方便有效的方式来寻找自己附近的兴趣点：分类索引。打开程序之后是一个列表，茶馆，咖啡厅，餐饮，停车场，加油站，便利店，电影院，银行等，选择一个分类，即可打开右图这样的搜索列表，从近到远排列，红色的指南针指出方向和距离。

由于 G1 内置电磁指南针，所以那真的是个指南针，转动手机，指针也会旋转。美中不足的是，我天朝的地图偏移让方位和距离产生一定偏差，需要显示地图路线来确认不会走错。1.0.16 已修正此问题。点击一项可以看到简介、电话、点评、相册。这些就和 Google 地图上搜索差不多了。关于这个应用更详细的介绍可以参考 谷奥的文章。

HereIm! Map Helper

这个应用就是修正天朝定位偏差用的，修正之后再打开 Google Maps, Latitude 看看，是不是爽多了？

我想介绍的免费应用不下十款，这样写下去也太长了，今天就先这些吧，未完待续。

这是一次团结的大会，胜利的大会，大家玩出了风格，玩出了水平。经文字和照片直播，赚足了滔滔口水。现场的黑莓几乎覆盖了所有市面上的高端机型，客串阵容也空前强大，Palm Pre, iPhone 3GS, G1, G2, … 最受玩家推崇的几大阵营到齐了。

@bao3 现场拆弹，为 @jacul 的 Bold 更换轨迹球。不过照片上的人好像是 @terryxxy?

@rexking1818 的 MiniUSB 应急充电器很厉害，绝对可以把手机组装成星空战斗鸡。可以适配所有相同接口的设备，这点比额外电板强。

咦，这 Storm 蓝屏了？右边的 8520 可是新鲜到货，买家竟然是我的大学同学，没想到在这里碰见了。

@faytoday 的 Palm Pre 一来就震精了全场，操作界面的动态效果实在太华丽了，太华丽了… 右图乃沃达丰 G2, 可惜合影的时候已经走了。

不少人对 G1 上的金属探测器，Google Sky Map 等应用很感兴趣，比 iPhone 上的 Sky Map 牛多了，结合了电磁指南针、重力感应、所在时区等控制，拿着手机对着天空，屏幕上显示的就是对应方向看过去的星座。

关于这次聚会 @coolxll 已经贴出了 文章和照片，我也引用了一些他拍的照片，请前往围观

同行的同事说我是生活在网络中的人，因为我游山玩水的时候也一直拿着黑莓。我在 Twitter 上直播我看到的风景，拍摄的照片，开着 Google Maps 分享我的地理坐标。其实还不止这些：

• 我从 Twitter 上获知了网易科技频道踩雷事件，在饭桌上和同事聊这个事情，有人一听到姓胡就猜到是谁了；我顺便还发短信和在网易科技的老同学调侃了一番。
• 全程用 GPSed 纪录路径，上传路径文件之后，再把所有照片都贴到地图上去，照片会自动贴到精确拍摄点，剩下几张室内拍的照片不含有经纬度数据，手动定位它们。带有 GPS 的手机可以在拍摄的时候 将经纬度写进照片，Picasa 网络相册会读取照片中的经纬度数据。如果是用 DC 拍摄，没有经纬度信息，GPSed 也会将照片拍摄时间和已纪录的路径对比，贴到当时所在的精确位置。不能访问 Picasa 的朋友请 自行搜索。

  

  在上图链接到的页面，就可以按拍摄顺序，在地图上查看所有照片和描述文字了。这是一个调用 Google 地图的应用，可以按地图、卫星、地形三种模式查看。

• 虽然我们从日全食的上海跑到了全食带以外的张家界，但上海下雨，张家界天气很好。张家界最暗的那几分钟，我拍了一下远处的群山，看上去和五点钟蒙蒙亮的时候差不多，天边像橘色的晨曦。我把推友贴的日食照片给同事看，可惜我们的相机都拍不好，我们用内侧有银色涂膜的食品包装袋看日食效果不错，但如果用它来拍摄，光晕太重。
• 我们后来又去了凤凰，凤凰并没有太多惊喜，我猜是因为湘西和重庆在地理、民俗等方面颇为相近，我从小就看惯了依山临江的吊脚小楼吧。这段行程还累得够呛。
• 从张家界荷花机场返程的时候，航班大面积延误，我们凌晨两点才登机，小小的候机厅里全是滞留的乘客，我拍了不少有趣的照片即时贴到 Twitter 上，包括雷死人的 山寨英语，后来还有一张，“张家界名吃”译作 “The name has meal in Zhang Jia Jie”.

我们这一代人不少都迷过 Michael Jackson, 我虽然谈不上迷，但也非常喜欢他的 MV, 像 Black or White, Remember the Time, Ghosts, … 能让我回想起中学的时候同学找我借他的 VCD 的那些时光，当然还有同桌女生，不知道她结婚了没。两年来我换过八个博客页眉 banner, 今天一起晒晒罢。

• 这是 Subtle theme 的默认页眉，属于挺耐看的那种，温暖，清新。

  

• 去年 WordCamp 之前我第一次尝试通过页眉图案和链接来向访客宣传，图案来自 WordCamp China 官方网站的设计。

  

• T-Mobile G1 发布之后，我发表了些 照片 和 试用报告，被 Android 所深深吸引，于是有了这个页眉。

  

• 年初我 入了水果教，琢磨着也弄了一个，但嫌颜色太艳丽，于是这是唯一一个没有挂出来过的图。

  

• 后来我用一张 Mac 自带墙纸 Evening Reflections 加工了它，并使用至今，没有纪念页眉的时候就是它了。

  

• WordCamp Shanghai 2009 非常非常的成功，对每个 WordPress fans 来说，错过了都是一种遗憾。而且内容已经从 WordPress 拓展到许多网络热门话题、风云人物，比如 Isaac 与草泥马的精彩故事。

  

• 下面这是我现在看来都还激情澎湃无法平静的一个页眉，是我花了一个多小时把它从 素材 中仔细抠出来的，还一度被推友认为是我实拍的呢 挂出来的时间仅仅两天，不需要这样压抑无声的愤怒的那一天，却还很遥远。

  

• 最后这个，献给所有喜欢他的人们，祝愿他在天堂永生！

  

上图是一个鼠标悬停动画的例子，如果将以下代码应用到全局 CSS 中，则所有带链接的图片都会有如上图动画：

a img {
    opacity: 0.8;
    -webkit-transition: all 0.2s ease-out;
}
 
a:hover img {
    opacity: 1;
    -moz-transform: scale(1.05) rotate(2deg);
    -webkit-transform: scale(1.05) rotate(2deg);
}

如果要求仅应用于 class=”logo” 的图片，则将选择器改为：

a img.logo {...}
a:hover img.logo {...}

如果要求应用于 id=”footer” 的 div 下所有图片，则将选择器改为：

#footer a img {...}
#footer a:hover img {...}

到这里，所有的工作都完成了，挺简单吧？下面进入详细分析说明。

transform: 形变目标值设定

兼容浏览器: Firefox 3.5, Chrome 2.0, Safari 3.1

-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);

上面的例子仅仅应用了 transform: rotate, 在鼠标悬停的时候逆时针旋转。除了 rotate, 还有 scale, translate, skew, matrix 等用法，想要深入把玩可参考 Animation Using CSS Transforms.

transform-origin: 形变中心点设定

兼容浏览器: Firefox 3.5, Chrome 2.0, Safari 3.1

-moz-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;

默认值在对象的正中，X Y 值均为 50%. 更改数值可移动形变中心。下面两个例子，左边是 100% 100%(右下角), 右边是 0%, 100%(左下角):

transition: 过程动画设定

兼容浏览器: Chrome 2.0, Safari 3.1

-webkit-transition: all 0.2s ease-out;

-webkit-transition 是一个神奇的属性，它定义了动画过程的类型、时间、时间轴曲线。all 表示对所有变化应用动画，包括 transform, opacity; 后面两项是时间和时间轴曲线，可以有如下赋值：

以上 demo 来自 Transition Timing Functions, 展示了 transition 时间控制的强大，而且上面的 transform 是可以多重叠加的，配合 transition, 能做些什么大家想象一下吧！

opacity: 不透明度

兼容浏览器: 除了 IE

这是一个较为广泛支持的属性，前面早已没有了私有前缀(-moz, -webkit). 使用也很简单，让正常状态的图片稍微透明显示，鼠标悬停的时候恢复不透明，更加醒目。它同样可以在时间轴上受 transition 控制，试试看这个示例。

text-shadow: 文字阴影

兼容浏览器: Firefox 3.5, Chrome 2.0, Opera 9.5, Safari 3.1

text-shadow: 0px 1px 3px black;

以上赋值分别代表 X轴偏移，Y轴偏移，阴影扩散尺寸，颜色。应用到按钮、标题等处有很好的浮雕效果，同样的风格在 Mac OS X, iPhone 系统界面中有大量应用。

结语

• 限于篇幅，本文示例所用的 CSS 不明文列出，有兴趣可以查看页面源代码，就嵌在正文中。
• 目前 CSS3 还在草案阶段，很多属性还有私有属性前缀，能兼容新属性的浏览器在用户比例上也还是少数。话说回来，谁指望 IE Trident? 屁股都要笑掉。
• Gecko 真的已经落后 WebKit 好多了，CSS, JS, 而且还没算上 WebKit 在 iPhone, Android 等移动平台的成就。Gecko 在这方面基本还是零吧。