那样多人推荐的一本书为什么会炮轰呢？ 怎没人来炮轰我的书呢? T_T 我经过深思后感觉原因有3点:

1. 我没RP
2. 水平烂到了没人理的地步
3. 没那样多人给我推荐

当然3是最不可能的原因，肯定不是因为很多人推荐本书（因为没看过书，还不敢说是好书，当然也有可能是烂书，想当时，好像我也光荣的被邀请写书评，不过因为时间关系导致没写）就被乱轰，

有人说是书的原因，这书到底好不好。个人很难断定，各有说法，当然像hax同学这种只看看样章就评价的行为并不是非常推荐的，不就在样章里找出一堆问题呢？难道整本书都跟样章一样，样章能代表这本书吗？再看看人家的专题站引用的评价的都是好的，哪来像你这样多问题，连taobao的阿当都说这书好（其实我不认识他，没听过，只是见作者引用，又失败一下），理论这样多人推荐应该算好吧，我们暂时先不讨论这书到底好不好。

又有人说书有没有错误并不是主要原因，说的好像也是。好像我的书也有一堆错别字，还有属性打少字母的。其实很多书第一版都会有些错误（当然错误也有分不同的错法），以前也没见到这样大的事件，有错误应该不是核心问题。

那又是什么原因呢？这让我大思不得其解，最后，不小心看到一篇名为《一些技术图书编写、推荐、出版人员需要自重》

好了。。不兜了 大家也勿盲目围观。围观的关键在于能否在围观过程中了解到有价值的东西。

最后希望大家买书时不要买到 “脑白金”。

扩展阅读：从“装B被雷劈”讲起

推荐本书：《Web标准设计》

我们有时会给在大块元素加个window.location='http://www.aoao.org.cn'，还顺便把光标定义成移上去会变成手势还代替链接，为什么不直接用<a>因为有时东西太多，不能放在链接里，比如hx、p、 li之类的。那问题来了，用js处理会让链接的功能没了一堆，作者在他的文章说到：

• 中键：新tab打开 （aoao注：中键功能变更滴同学无视）
• CTRL/SHIFT 单点：新窗口 新tab打开（aoao注：自己浏览器改过设置以自己的为准）
• 右键菜单：虾米虾米方式打开
• 浏览器状态栏
• 其他，等（aoao注：好像也没其他的）

那看看效果： superLink Demo，试一下左中右键功能。

实现其实不难，就是把你原来加window.location的元素上盖上一个链接，透明为0，这样就可以把上面4条功能还原，-_-!。

总的来说，想法很好，有总比没有好，还封装好让别人用 ^_^，不过如果有机会再遇到类同的应用时，我应该会在原来那块元素里面的a里加个无用的span（语义愤青别BS我），虽然定位可能有点麻烦，但总是能定准的，直接样式搞定。

推荐本书：《Web标准设计》

这次的版本做了些很不错的修改，除了官方提供的地址在国内下载不了外没什么不好，详细的大家自己体验了。下载地址：

• 官方下载 （暂时下载不了，估计是文件服务器没同步，代理可下）
• 我放在box跟自己的空间，是从官方下来的。

推荐本书：《Web标准设计》

这两天在论坛看到14px同学写的超过宽度显示省略号（无js全兼容），想法很有创意，使用一张图片来做“…”，另一张图片用来在字不够长的情况下盖掉“…”，原文攻略很完整，大家可以去看一下思路，个人认为的缺点就是用了图片，不够灵活，所以我就悄悄修改了代码，思路是用父一层的元素的伪类:after来完成“…”，再用元素自身伪类:after来盖掉不应该出来的“…”，看一下效果：

看上去好像很理想，但是text-overflow也不是那样好模拟的，有兴趣的同学看看demo就知道还有多少问题。

当成技术练手还是不错滴，不过估计应该不会拿着应用。

推荐本书：《Web标准设计》

简单来说，我们在图片的CSS 加-ms-interpolation-mode: bicubic 就可以让IE7的图片在有缩放的情况下，失真变得不怎样明显，

更多的测试可以到可以到MSDN做的例子看一下效果，或者到血統の森-web実験小屋看一下效果。

没想到IE7平滑的效果居然可以比Safari好。更让我想不到的是，居然还有另一个属性值nearest-neighbor，难道为了让人节省CPU而使用吗？最少我现在还没想到为什么要用的理由。

BTW：那时发现这个属性后给同事笑到说，人家某部门去年就发现了，居然我开始火星鸟，不过发现了不用也没什么作用，呵呵，谨以此文献给比我还火星滴同学

推荐本书：《Web标准设计》

为了避免不可用，我曾经跟同事讨论过这样的实现方案。

1. 默认显示为 input , 没加载完或者XX时，用户也可以填；
2. js有效时，用select代替掉input；
3. 如果input里已经有内容，要记得拿给select；
4. 某些情况可以考虑把第一个直接输出在html上。

还要考虑的问题

1. input 输入的地址数据的修正与格式(结构)化；
2. 不能格式化的前端反应。

以前只是想想，最终因为XX原因米完成，今天不小心看到adsense 的注册页面也做了类似的处理。很好很强大。

有些东西，并不是你想得到就一定得做得了，比如某网站全站都不支持html的form提交，哎。

推荐本书：《Web标准设计》

就是直接用label的内容盖在input上面，然后用js来处理一下。详细实现就不用说了，反正我想尝试纯CSS是没办法实现滴。从结构上来看，还是比较理想的，充分利用了label

<label id="usernameLabel" for="username" class="placeholder"><span>Member Name</span></label>
<input id="username" name="username" class="text" type="text" maxlength="128" value="" />

其实看图看不出什么，点图去网站看一下。

我还特别试了一下noscript的效果，跳转 囧rz。

有些细节的，比如提示文字从灰变得更灰的过渡效果，是-webkit-transition的应用，要用webkit的浏览器才能体现。

再其实，input有个叫placeholder的属性，参考以前类型为search的input及相关属性，可以直接用在type="text"的input上，不过哪种方式在哪些情况应用会更适合呢，大家自己决定吧。

推荐本书：《Web标准设计》

<a href="#setHomePage" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.aoao.org.cn');return false;">Set HomePage</a>

IE的结束了没?当然没有，其实M$还提供了一个神奇的接口给我们：isHomePage，它是用来干啥呢？它是用来检查一下IE的首页是不是你的，这样我们就可以做设为首页为后就不再显示“设为首页”的效果了。挖哈哈，这里有rank同学写的现成代码，不过我修改了两下，只是写法不同，跟悄悄的加入了广告。

<a href="/setHomePage" id="setHomePage">设为首页</a>
<!--[if IE]>
<script type="text/javascript">
(function(){
  var el=document.getElementById('setHomePage'),url='http://www.aoao.org.cn/',isHp=false;
  el.style.behavior='url(#default#homepage)';
  function check(){
    try{
      isHp=el.isHomePage(url);
    }catch(exia){}
    if(isHp){
      //el.style.visibility='hidden'
      /*AD*/el.innerHTML="《Web标准设计》雷人进行时";
      el.href="http://www.baidu.com/";/**/
      el=null;url=null;isHp=null;check=null;
    }else{
      el.onclick=function(){
        try{
          this.setHomePage(url);
          check();
          return false;
        }catch(exia){return true}
      }
    }
  }
  check();
})();
</script>
<![endif]-->

在inline的情况下，条件注释还是比较帅滴，可能你会问，为什么不把a也放在脚本里输出呢？ 其实，我们也可以解决其他浏览器的问题。

Firefox可没有现成的接口可以实现哦，但是，牛人们还是找出来解决方案，看一下Yahoo!的解决方案吧？

囧rz，被雷到的同学自觉举手，我用到这样久的Firefox 还不知道怎样设，试了半天，原来是把链接拖到工具栏的小房子上面，就可以设为首页。

还有好多浏览器，这时我们要派出终极解决方案。写帮助 -_-b ，好了，不会写的同学可以去抄一下yahoo的帮助。
那除了IE怎样识别是否被设为首页呢？可以写 cookies 或者用服务器来记，而有没有必要就看具体的应用了。

其实我们不一定要一直显示设置首页，比如用document.referrer发现是从搜索或者XX过来的，也许显示成收藏会更适合，像Yahoo!的首页，看到广告的机会比看到设为首页的机率高多了，大家自己把握吧。

兼容所有浏览器收藏全攻略：

• IE用window.external.addFavorite
• Win的其他浏览器提示使用ctrl+D
• Mac的浏览器提示使用command+D

推荐本书：《Web标准设计》

=。= 上次本来想在某个产品上应用，结果给人BS了，原因是色不好看 囧rz

在css21 中 System Colors也有相关描述，CSS3还加了超链接的色，还有个flavor。

但是，要有浏览器支持才是硬道理，浏览器不支持，虾米都回家睡觉。

附各色显示效果，如果看不到文字部分就像刮彩票一半刮开看一下，其中，Background 这个在safari 比较神奇，是透明哦。

CSS2.1中的System Colors

ActiveBorder

Active window border.

ActiveCaption

Active window caption.

AppWorkspace

Background color of multiple document interface.

Background

Desktop background. » test color:Background @aoao

ButtonFace

Face color for three-dimensional display elements.

ButtonHighlight

Highlight color for three-dimensional display elements (for edges facing away from the light source).

ButtonShadow

Shadow color for three-dimensional display elements.

ButtonText

Text on push buttons.

CaptionText

Text in caption, size box, and scrollbar arrow box.

GrayText

Grayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color.

Highlight

Item(s) selected in a control.

HighlightText

Text of item(s) selected in a control.

InactiveBorder

Inactive window border.

InactiveCaption

Inactive window caption.

InactiveCaptionText

Color of text in an inactive caption.

InfoBackground

Background color for tooltip controls.

InfoText

Text color for tooltip controls.

Menu

Menu background.

MenuText

Text in menus.

Scrollbar

Scroll bar gray area.

ThreeDDarkShadow

Dark shadow for three-dimensional display elements.

ThreeDFace

Face color for three-dimensional display elements.

ThreeDHighlight

Highlight color for three-dimensional display elements.

ThreeDLightShadow

Light color for three-dimensional display elements (for edges facing the light source).

ThreeDShadow

Dark shadow for three-dimensional display elements.

Window

Window background.

WindowFrame

Window frame.

WindowText

Text in windows.

CSS3 新加的 User preferences for hyperlink colors

ActiveHyperlink

Active hyperlink background.

ActiveHyperlinkText

Text of an active hyperlink.

HoverHyperlink

Hover hyperlink background.

HoverHyperlinkText

Text of a hyperlink in the hover state.

Hyperlink

Hyperlink background.

HyperlinkText

Hyperlink text.

VisitedHyperlink

Visited hyperlink background.

VisitedHyperlinkText

Text of a visited hyperlink.

flavor

An accent color (typically chosen by the user) to customize the user interface of the user agent itself. User agents may default the ‘flavor’ color to the dominant accent color used on the physical machine/mechanism that the user is interacting with (frequently a mouse, keyboard, monitor and computer case, often just a laptop), if the UA is able to retrieve that information from the platform and machine. It is not expected that this value will make sense on all platforms and machines.

推荐本书：《Web标准设计》

书的封面最终还是使用这个我不喜欢的封面

并不是因为创意不好，是制作工艺不好，过重的阴影，让他看起来更山寨。最最让我不能接受的书的排版。从内容开始，除了引用的文字从仿宋改成黑体外，我看不出 跟我交的Word的排版有多少什么区别。早知道这样我就应该坚持我第一次交稿时那样，把图片都排在代码右边，这样看起来又明了，又省纸。价格也不是我能接 受了，虽然说最近纸贵，但是距离我最初想控制在50块下的目标太远了。就算打完折还有5~60块。

一本书还没正式面市就有勘误表，应该算是比较失败，更失败的是这本书是我写的，我现在最担心的是送印厂的版本不是最终校完的版本。

也许这本书的收藏意义更大于指导意义。毕竟两年前开始写时对技术的了解远没达到现在的程度。但不管怎样，书是我的，我会努力去维护好它。

原来计划推出与书同风格的小站主题也因为各种原因拖没了，就连现在的专题页也是拿到样书才发现我什么都没开始做才东拼西凑临时做的。用Webkit的浏览器（Safari,Chrome）会看到一些奇怪的效果哦 ^_^，好了大家来看看《Web标准设计》专题页面。

推荐本书：《Web标准设计》

gzip是GNU zip的缩写，它是一个 GNU 自由软件的文件压缩程序。…
gzip 的基础是 DEFLATE ，DEFLATE 是 LZ77 与哈夫曼编码的一个组合体。…
“gzip” 也经常用来表示 gzip 文件格式，这种格式：

• 10 字节的头，包含幻数、版本号以及时间戳
• 可选的扩展头，如原文件名
• 文件体，包括 DEFLATE 压缩的数据
• 8 字节的尾注，包括 CRC-32 校验和以及未压缩的原始数据长度

简单来说，Gzip就是一种让你的网页显示变快一种神奇的东东。

那么，什么是人肉Gzip呢？就把本来要服务器动态压的东东人工压，大家可以先看一下这篇：Gzipping CSS and Javascript files。实现方式就人工zip一下，然后服务器再派上头。

<link rel="stylesheet" href="style.cgz" media="all" type="text/css" />

# Compressed css files
AddEncoding x-gzip .cgz
AddType text/css .cgz

其实Gzip就是三个选择：CPU、内存、IO，通常都是cpu+内存来做，我并不喜欢这个人工IO的方式，它最大的一个问题就是不能解决http1.0的问题，而且很体力活，不过我们可以人工zip来看我们的东西Gzip后的大小。在中国，因为有好多xx版XP的原因，http1.0成为了可能。

推荐本书：《Web标准设计》

好不容易挣了三个封面。大家来选123 ，

1(更新版v1.1 ^^ up 2008年10月29日)

2

3

推荐本书：《Web标准设计》

2.12以前的版本不清楚，maxthon自身的问题不关心，我只关于它跟原生IE的区别。目前已经发现的这样多。

• 在特殊情况下windows.opener不见了。出现在2.12 ，2.14正常-_-b。
• input出自动完成列表，双击内容，focus/blur 有时会有问题，2.14问题依然。
• 写dragdrop时注意不要DD图片，因为会“漂移”，真是伟大的设计。
• “广告”问题。 
• 据说马桶有个时间200ms，我们要用201ms来解决问题。
• 如果内核是IE6，maxthon的zoom好像有很多奇怪的问题。
• 2.13好像有个什么问题忘记了，前些天有同学报，忘记了，挖哈哈。

终于发现这个链接很重要了：Maxthon Bug Reports，以后有空我会常常去看的。

下周如果有空的话，我可能开始研究一下bug，Maxthon的fans就别来告诉我它还有很多很多好的设计，我的Windows只是用来调试bug的。

推荐本书：《Web标准设计》

然后我还不小心发现陈冰写的坏话。。这本书经历了太多事了，这只是陈冰所知道的一件事。

如果你已经看了样章的话，也可以在这里写下你的评价^^ 有机会印在书里哦。

这本书的出版，其实证明了一件事情，那就是，只要经过足够长时间且有足够多人帮你修改，那么，无论最初是多么驴唇不对马嘴的文字，最终也可以达到令你频频点头并若有所思的境界。

两年了，整整两年了，嗷嗷的这本书终于出版了。我为他高兴，不仅我为他高兴，我相信两年前就知道他在写一本书的每一个人都会真心的为他感到高兴。他没有令我们大家失望，他出道了。

为了向那些等待这本书的出版等得花儿也谢了，谢了后慢慢等到结了果子，然后把果子吃掉了，又把种子埋到地里，等待它再次发芽开花结果的读者们有个交代，我把这本书的诞生过程大致说一下：

自06年11月批下这本书的选题到07年7月嗷嗷交来他完成的书稿，这段时间没有太多可说的，嗷嗷自然是每天晚上都在熬夜忙着写这本书，我也在忙着我自己的那摊事情。

让事情变得不同寻常是从我着手审阅嗷嗷交来的书稿后开始的，很快，我就看到了几个不讨人喜欢的错别字，我随手把它们改过来了，就像弹掉几只小蚂蚁，很轻松，然后，更多的错别字映入我的眼帘，“小子，有点过分了哦”，我心里这么琢磨着，加快了弹蚂蚁的速度。

接下来，我发现了嗷嗷正在使用的语言似乎比我们普通人使用的语言多了些什么，有时又好像是少了些什么，通过进一步判断，我认为这多了的和少了的东西实际上是同一种东西，那就是广东话的口头语，嗷嗷把广东话写入了通常情况下要求用普通话表述的书稿中，我有些心烦意乱了，两手忙活着，蚂蚁太多，我不得不左右开弓。

紧接着，一个真正够分量的不讨人喜欢的东西出现了，我发现这部书稿中有大量完全驴唇不对马嘴的语句，很多时候它是这样出现的：上句写的很不错，不错到你会一边点着头品味着，一边摇晃着脑袋期待着去读下句，然而晴天霹雳，你发现下句没了，完全消失不见，要不就是这个下句明显是对应着另一个你不知道的上句的，而且最绝的一点是，如果你单看这个下句的话，它也是一句好到足以让你点着头摇晃着脑袋品味的那么一句话，甚至可能是相当经典的一句话。然而，不配套。这种情况是大量存在的，我不得不努力试图把那些我认为我能猜到的缺了的上半句或下半句补上（剩下那些完全猜不到的将打回去让嗷嗷自己去填）。诚然，这是个相当折磨人的过程。

不过，最终让我怒火中烧、下定决心、斩钉截铁把这本书退稿的，是接下来遇到的这个不讨人喜欢的东西，这是一个高70英尺，重200多吨的不讨人喜欢的东西，一个巨型的、空前的、在未来也不太可能再次出现的不讨人喜欢的东西——在看了好多段那些单独看某个半句非常有用非常在理的话后，我发现我无法理解整篇文章的意思，我不知道他到底在说些什么，这感觉就像是，怎么说呢，就像是用完全正确的语法写出了逻辑上完全不合理的话一样。够了，我说，到此为止吧，我对嗷嗷这部书初稿的审阅停止在了42页上。我已经无能为力了，得让嗷嗷彻底返工、认真修改了。

接下来就是漫长的长达1年多的修改，而这个修改的过程又分成了几个阶段，最初的几个月是嗷嗷自己进行修改，他每修改几章就发给我看看（看是否能过关），几轮下来，我和嗷嗷都意识到——靠他自己是改不出来了，因为他完全看不出哪里有问题，在他看来，一切都很完美，那些驴唇不对马嘴的句子在他的脑海里已经通过某种不为人知的方式连成了完全可以理解的句子。于是，我告诉嗷嗷——“你得找一个既懂Web标准又有很好的语言驾驭能力的人来帮你修改，否则，你这书是出不了了”，形势严峻，嗷嗷请来了月影（《JavaScript王者归来》的作者）帮忙修改，月影开始对那些断裂的大桥进行修复，情况得以改观，几个月后，月影因工作繁忙而使改稿的工作趋于停顿，嗷嗷又请出了他的另一个同事应加宽来帮他改稿，这些折磨人的过程的细节就不多说了，因为我相信后面这二位都体验过我所说的那种感觉。就这样，经过历时一年多的修改后，这部书稿再拿到我的手上时，我长出了一口气——它终于可以出版了。

感谢你能看到这里，同时恭喜你获得看到这本书优点的隐藏链接。

推荐本书：《Web标准设计》

在我写书的过程中发现，人原来一天睡三四个小时也是可以的，在我写到最后时，公司批了我快两个月的长假让我有足够的时候来完成这本书，那家公司叫“广州新岸数码科技有限公司”，归新浪管，不过我现在已经离开新浪了。

在休假期间，基本只做上三件事：“吃饭、睡觉、写书”，困了就睡，饿了就吃，其他的时间就是对着电脑写书稿。

13个月前，在我写完交第一份稿时，才发现整个出版社没有一个编辑可以校得了我的稿，原来有的人说话是那样狗屁不通。也许我是第一个对稿的时间比写稿还要久的作者，最艰难的时候，我已经有放弃出版的念头，感谢责任编辑陈冰，同事月影、加宽(JK)，如果不是你们帮我撑着，今天就不会有这本书的出现。

也许，已经很多朋友忘记我写书的事了，也许，当你拿到这本书的时候，已经成为一本过时的书了，最少在我的眼里它是过时的。曾几何时，总喜欢笑别人书里老是在讲落后的东东，没想到今天，我也写了一个过时的书。庆辛的是，书中还是有很多东西不会过时，最少可以常常被我用来跟同事说：“丫的又不看我的书稿，里面有解决方案。”

虽然我曾经有两个念头《掌中的网站》、《障碍起义》，虽然已经有出版社跟我联系，但是，再写书已经不可能的。

理论上书在十月底或者十一月初可以上市，有兴趣的同学先看一下，可以的话，顺便写下评价。

• 目录：http://labs.aoao.org.cn/book/web-standards-design/catalog.html
• 样章：http://labs.aoao.org.cn/book/web-standards-design/sample_chapter.pdf.zip (1.6MB)

顺便再说一下，这本书其实不应该叫《Web标准设计》，因为我只写了一半，另外的1/4应该由《JavaScript王者归来》的部分内容来完成，剩下的呢？不见鸟，挖哈哈。
顺便2：征新书名
附经典语录：等你的书等到花儿都结果实，我把果实吃了，把种子种下，又开始等，等吃的…… by 爆牙齿 via

推荐本书：《Web标准设计》

• 告别了我最爱的alert("MM")
• 告别了我最爱的document.title="MM"
• 告别了我最爱的window.status="MM"

大家开始用各种新的方式来看调试信息。。。比如最近sitepoint就发了一篇Debugging JavaScript: Throw Away Your Alerts!，大家先去看，看完再回来接着看。

var err = new Error(); 
err.name = 'My API Input Error'; 
err.message = 'Input must be a number'; 
throw(err);

throw虽然不错，但是我们调试时可能不只能抛错，还可能抛很多奇怪的信息，比如把执行时间、返回结果打出来看，当然，你也可以写不同的err.name来区分。但是，有事没事看到报错也是很不爽的一件事。

写JavaScript的同学应该都有装Firebug，如果没装赶快装去，装完了再回来看，要是连Firefox都没有就玩Firebug Lite。

Firebug提供有了个console，你可以用：console.log(object[, object, ...])和若干console.xxx来玩，这样就可以把错误跟警告区分开了，挖哈哈。

同时，console并不是Firebug独有的，你也可以用console.log('嗷嗷又出来忽悠人了！');把信息打到Safari的错误控制台，还可以这样玩：

• console.warn('这个图标很黄');
• console.error('×的图标不好看');

Opera也有个错误控制台，可惜不能用console.log来显示东东，不过也有打印的接口： opera.postError，但它打出的的图标却不是错误的图标，它的真名应该叫postWarn，throw打出来的图标才是错误的图标，它才是真正的postError，算了，凑和着用吧。如果在Opera下做开发推荐使用Opera Dragonfly。

还有IE呢？嗯，介于我的系统没有IE，飘过。挖哈哈。

其实大家可以自己写个Console，除了可以把东东打印到浏览器的错误控制台上，还可以把信息打印到服务器上，在自己调试环境下没问题不代表在任何情况下都会没问题。

推荐本书：《Web标准设计》

上周收到两件T-Shirt，一件是Google的Junyu送的Blogger，这件只要穿着人家就知道是Blogger滴，另一件是Taobao UED的怿飞送的他们刚出炉的不知道叫什么名滴，上次打着一些非常奇怪的职位，可以让人一眼就看出是IT民工，挖哈哈，非常感谢他们。

晚上发现这两件放一起有着特别滴意义，因为这两件我会担心穿着上班会被打，挖哈哈。

推荐本书：《Web标准设计》

Firefox still does not implement the proposed CSS3 text-overflow property. It does however provide a similar behaviour for the XUL description element. Furthermore, it does support XBL bindings through CSS. This leads to the following solution:

.ellipsis {
  text-overflow: ellipsis;
  -moz-binding: url('ellipsis.xml#ellipsis');

<?xml version="1.0"?>
<bindings
  xmlns="http://www.mozilla.org/xbl"
  xmlns:xbl="http://www.mozilla.org/xbl"
  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
  <binding id="ellipsis">
    <content>
      <xul:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description>
    </content>
  </binding>
</bindings>

xul:description的crop原来是那样强。。除了可以点点点掉后面的。。还可以点点点前面或者中间部分的。。这个功能可是非常实用哦，不知道W3C虾米时候也给这样的CSS属性让我们简单搞定一大堆问题呢。

然后还不小心发现。hedger悄悄的也实现一样的功能Hacking text-overflow for Firefox，不过还是感觉用XBL简洁方便。。

在很久很久以前，我也在研究，能不能调用firefox处理title的点点点的东东来完成效果，不过一直没实现。之前提出的-moz-text-overflow: ellipsis;via这种不靠谱的说法也不行，看来人家是铁了心。

推荐本书：《Web标准设计》

在手持设备中，Opera Mini是一个相当不错的浏览器，今天给大家介绍的是Opera Mini 的仿真器。先看下用Opera Mini访问我blog的实际效果（需要JAVA支持），

官方提供的这个其实跟手机里的是完全一样的（可能会有字体支持的不同），你可以通过http://www.operamini.com/demo/?url=[URL] 预览任意网页，官方还提供了个bookmarks Show in Opera Mini，把它拉到收藏夹里，突然想看什么网站时就点一下（^__^可以用它来穿墙，就是屏幕太少了）。

做为开发测试用时，每次跑它网站是比较不靠谱的，这时我们可以使用本地的模拟器。

1. 下载个基于Applet的J2ME模拟器，比如MicroEmulator，Opera mini官方那个好像也是用他们的技术，
2. 下载一个真的Opera mini ，可以在http://www.operamini.com/download/pc/找到，选个新一点的手机，把jad跟jar都下下来。
3. 直接运行microemulator.jar，在菜单 file » Open JAD File … 选刚才下载的Opera mini的jad 其他的操作跟手机里是一样的。

还有个问题Opera Mini请求的页面是走Opera服务器转的，所以不能访问不在公网上的东西，不知道谁有办法处理一下。

当然，你还可以换模拟换skin，官方的skin在这里，这里还有一份有几个大size的， 当下来后通过菜单Options » Select Device… 换一下就可以。

推荐本书：《Web标准设计》

有没有发现浏览器的地址栏里多了个奇怪的图标呢？这个东东可以解决大家满页面去找编辑按钮的问题，但同时又产生了另一个问题：浏览器不支持。=。= 如果你使用的是Firefox浏览器的话，可以装上这个插件来体验。不过我的网站是登录之后才会出现，可以到官方介绍，这里体验体验。

那它到底是什么呢？它是源于WIKI编辑滴，但是，我发现它实现原理却是可以适合任何网站，主要是在head里再加上：

<link rel="alternate" type="application/x-wiki" title="Edit" href="edit.url" />

其中的title是鼠标移上去的提示， href就是点击跳转到的地址，^_^，可以用javascript:来做坏事。不过它不像FEED那样用多条，只是第一个有效。我要是想搞个普通编辑跟高级编辑的要怎办。挖哈哈。

真希望浏览器能内置这个功能，实现技术不难，像RSS一样，但就是要看浏览器商做不做。。

推荐本书：《Web标准设计》