-
2010-05-30 01:40:39
Douban Pulse 1.2.1 发布，增加电台功能
可能还有些人不知道 1.2 已经发布了，不要紧，今天发布的 1.2.1 是对小范围公测的 1.2 的一次改进，增强了稳定性，用起来更顺畅。几天来收到不少参与测试的热心豆友的反馈，在此要特别感谢你们，也希望你们能继续支持 Douban Pulse:)
还没有在日志里提到过 1.2，之所以跳了一个大版本，是因为加入了豆瓣电台功能。在此之前，Chrome Extensions 中已经有了不少“豆瓣电台”扩展，但感觉都比较简陋，而且也都w无法对歌曲进行操作，可用性比较差。Douban Pulse 1.2 中所包含的是具备完整功能的豆瓣电台，包括可以像在主站一样调教电台，除此之外还特别增加了播放历史列表，方便查看和二次调教。安装地址：https://chrome.google.com/extensions/detail/dofcilnakjpenampigbefbbeekanbfgl
之前曾考虑过将电台独立出来，一是方便推广，二来在小组中 tgm 也提到了关于社区用户和电台用户相对独立的观点；但反复斟酌后还是决定与 Pulse 合体，理由嘛，还是自己想做个 all in one 的豆瓣 Chrome 扩展，毕竟是个兴趣驱动的小玩意儿，自己做着高兴，大家用着方便就齐了。ps, 豆邮功能已加入 todo list:)
照例上图给没见过的童鞋。打开列表收起导航栏时长这个样：
mini 状态长这个样：
1.2 的主要代码是在刚刚结束的年假中完成的，期间记了些简单的日记：
> Douban Pulse with Radio Day 1
> Douban Pulse with Radio Day 2
> Douban Pulse with Radio Day 3
> Douban Pulse with Radio Day 4
> Douban Pulse with Radio Day 5
> Douban Pulse with Radio Day 6欢迎大家试用，有问题随时反馈，谢谢!
-
2010-04-09 00:51:10
Douban Radio on iPad now?
去年的时候曾经 yy 过 html5 的豆瓣电台，也在公司内部用真实数据小范围实践过，无奈浏览器支持度有限(当时只有 safari 4.0.1 以上版本可以完全支持)，在 iPhone 上体验很糟糕，作罢；今年 iPad 的出现，终于有机会让 yy 成真:) 区别于 iPhone，iPad 中的 safari 可以使网页中以 html5 audio 定义的音乐在不必单独启动 native player 的情况下自动播放(placeholder 终于匿掉了)，而且音乐不会因为切换网页而停止；相关内容可以查看 Safari Reference Library 中有关 Audio and Video HTML 的一段。这样的话就可以用最简单的方式(html5 web app)在 iPad 上实现边上网边听豆瓣电台了。在电台的 native app 没上架前，或许可以拿 html5 版尝尝鲜，提前体验下“多任务”，呵呵这两天已经开始着手做了，至于是不是可以最后公开使用可能还需要讨论，先上个昨儿下午做的界面截图，静态页面可以用 safari 或 chrome 在 这里 看到。因为不属于公司计划内的任务，优先级比较低，所以暂时得不到 UI 和交互的支持，但我又实在急着玩儿，就自己山寨了一把，大体是根据目前 iPhone 版的结构重新做的图。算是第一版吧，之后肯定会有不小改动，先自己马克一下。ps, iPad 中的 safari 对于 webkit animation 以及通用的 css3 属性支持得都很好，为增加一些诸如图片翻转、位移等特效降低了不小工作量，赞
用 html5 实现电台还有个好处，就是可以方便用户自己换肤，写 GM 脚本扩展功能(比如歌词同步)，最大限度地实现电台个性化。 -
2010-03-05 03:44:36
豆瓣 Chrome 扩展 ── Douban Pulse 1.0 发布
这是我的第一个 Chrome 扩展，利用豆瓣 API 完成
感觉和做 iPhone 的 web app 类似，比开发 firefox 扩展成本低，一些心得稍后分享
1.0.1 更新内容：
* 解决了 dev 版 Chrome 无法授权认证的问题；
* 解决了用户在授权后无法正常访问豆瓣第三方应用管理页的问题；
* API 方面修复了推荐话题链接为空的 bug（by py@douban）
在线安装：
https://chrome.google.com/extensions/detail/dofcilnakjpenampigbefbbeekanbfgl?hl=en-us
默认显示友邻广播时，它长这个样儿
当滚动条到达底端时会自动载入之前的广播，根据不同分类，每个类别的列表会请求不同的条数
发布“我说”时是下面介个样儿
由于 API 缺少友邻“我说”等的接口，我采取的是先获取全部广播再过滤的方式请求列表，所以你可能会看到，"所有广播"之外的列表项是增量载入的
新消息提醒
点击后，未读消息会用绿色边框线标示出来方便确认
保存最近一条未读信息位置，下次打开时自动滚屏还没有做，打算放到下一版
这个扩展最大的便利之处我认为在于不必每次都返回豆瓣新版社区刷 timeline，而且方便查确认未读消息；与网页相比不足之处应该是单个条目展示信息少
日后会有更多的改进，欢迎大家试用，有问题随时留言，或者到豆瓣插件小组：
http://www.douban.com/group/topic/10150470/
@mockee
-
2010-02-17 02:31:48
备忘下 jQuery 1.4 中重写以及新增的方法与事件
留了一半在草稿箱都快忘了，趁闲整理出来以便参考（按自己理解简单翻译记录）
原文：http://jquery14.com/day-01/jquery-14, http://jquery14.com/day-12
1.4 中重写了常用方法以提性能
Setter Functions
可以给下面所有的 Setter Functions 传一个函数：
.css(), .attr(), .val(), .html(), .text(), .append(), .prepend(),.before(), .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), .toggleClass()
这个函数的返回值将附在相应的 html attribute 上；
对于以下方法：
.css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .offset(), .addClass(), .removeClass(), .toggleClass()
当前值将作为第二个参数传递给该函数；
Ajax
jQuery.param 方法加入了嵌套参数的序列化支持；
(Commit 1, Commit 2)
通过 content-type 自动识别 JSON, js 的数据类型；
(jQuery.ajax, Commit 1, Commit 2)
增加了 Etag 支持；
(jQuery.ajax(), Commit)
使用原生方法 JSON.parse 来解析 json；
(jQuery.ajax(), Commit 1, Commit 2, Commit 3)
$.serialize() 可序列化 HTML5 的表单元素；
(jQuery.param(), Commit)
$.ajax() 增加 context 设置，自定义回调函数中的 this；
(jQuery.ajax(), Commit)
所有 ajax 成功请求的回调函数都会有包含原始 XHR 对象的第三个参数；
(jQuery.ajax(), Commit)
显式设置 content-type；
(jQuery.ajax(), Commit)
通过 jsonpCallback 选项指定 JSONP 的回调函数名；
(jQuery.ajax(), Commit)
默认禁止启动前的跨域请求
(Commit)
jQuery.ajax() 使用 onreadystatechange 替换了计时器，降低 ajax 请求使用的资源；
(Commit)
Attributes
优化了 .css() 和 .attr() 的性能；
text 与 CDATA 节点也支持 .text() 方法了；
(.text(), Commit)
Core
使用 jQuery() 创建函数时可以同时增加属性和事件；
(jQuery(), Commit)
.eq(), .get() 支持负数参数，方便从后向前选取对象；
(.eq(), .get(), Commit)
新增 .first() 和 .last() 方法，等效于之前的 :first 和 :last，使用更方便；
(.first(), .last(), Commit)
新增 .toArray() 方法，区别于 .get() 的是不支持参数；
(.toArray(),
Commit)
jQuery() 返回一个空集；
(jQuery(), Commit)
使用单个标签名时 $('TAG')，jquery 将会使用更快捷的路径 getElementsByTagName；
(Element
Selector, Commit)
jQuery('<div>'), jQuery('<div/>'), jQuery('<div></div>') 使用了同一个代码路径 document.createElement
(jQuery(), Commit)
CSS
.css() 方法性能翻倍
.addClass(), .removeClass(), .hasClass() 方法的性能是以前的3倍
.toggleClass() 可以切换多个 css class；
(.toggleClass(), Commit)
.data() 返回对象, .data(Object) 设置对象
(Commit 1, Commit 2, Commit 3)
除非需要，否则不会创建数据缓存；
(Commit 1, Commit 2, Commit 3)
特效 Effects
在单个 .animate() 中设置为多个属性设定 easing 函数；
(Per-property
Easing, Commit)
事件 Events
新增 jQuery.proxy() 方法以获取相同作用域的函数，解决了重新定义 this 的问题；
(jQuery.proxy(), Commit 1, Commit 2)
.bind() 支持多事件绑定；
(.bind())
规范了 change 和 submit 事件；
(Change, Submit)
新增 focusin 和 focusout 事件，支持冒泡；
(.focusin(),
.focusout(), Commit)
.live() 升级，支持所有事件，且接受数据对象作为参数；
(.live())
live/die 支持 context 了；
(Commit)
确定 ready 事件至少要包含 body 元素，否则会对 body 进行轮询；
(Commit)
在不需要手动处理内存溢出的非 IE 浏览器中，unload 的速度提高了；
(Commit)
DOM 操作
.append(), .prepend(), .before(), .after() 的性能提高了
.html() 性能提升到将近之前的3倍
.remove() 和 .empty() 则达到了之前的4倍
新增 .detach() 方法，用来移除元素，但不删除事件；
(.detach(), Commit)
新增 .unwrap() 方法，用来删除匹配的父级元素，与 .wrap() 作用相反；
(.unwrap(), commit)
domManip 方法中设置了缓存，提高使用字符串进行 DOM 操作的页面性能；
(commit)
before, after, replaceWith 可以操作还未加入 DOM 的节点；
(commit)
.clone(true) 会复制关联数据(包括所有事件)；
(clone, commit)
偏移 Offset
可以利用 .offset() 设置元素的 offset 了；
(.offset(), commit)
队列 Queueing
新增 .delay() 方法，用于延迟队列用的函数执行；
(.delay(), commit)
.clearQueue() 用于移除队列中还没有执行的所有函数；
(.clearQueue(), commit)
选择符 Selectors
所有以 id 开头的选择符效率提高，且高于其他选择符；
(commit)
遍历 Traversing
.index() 方法重写，可以获得一个元素在 jquery 集合中的索引；
(.index(), commit)
新增 .has() 方法，等效于 :has，使用更灵活；
(has, commit)
新增 .nextUntil(), .prevUntil(), .parentsUntil() 方法，类似于 .nextAll(), .prevAll(), .parents()，区别在于当遇到与选择符相同的元素时会终止选取；
(.nextUntil(), .prevUntil(), .parentsUntil(), commit)
可以为 .add() 方法指定 context 了，可用于在 Ajax 请求中返回的新元素；
(.add(), commit)
可以在 .cloasest() 的第二个参数中指定 context，提高执行速度；
(.closest(),
commit)
实用工具 Utilities
jQuery.isEmptyObject() 判断对象是否为空；
(jQuery.isEmptyObject(), commit)
jQuery.isPlainObject() 判断对象是否以字面量创建；
(jQuery.isPlainObject(), commit)
jQuery.contains() 如果两个参数都是 DOM 节点，判断二者是否存在嵌套；
(jQuery.contains(), commit)
jQuery.noop() 返回一个空函数；
(jQuery.noop(), commit)
jQuery.unique() 返回结果中的元素是按照它们在页面中的顺序进行排序的；
(jQuery.unique())
1.4.1 更新
.live('focus') 和 .live('blur') 可以用了，映射到 .live('focusin') and .live('focusout')；
(Documentation, Ticket)
.live('hover') 可以用了，映射到 .live('mouseenter mouseleave)；
(Documentation, Ticket)
.live() 支持多事件绑定；
(Documentation, Ticket)
用 .die() 来移除所有绑定的 live 事件；
(Documentation, Ticket)
.height(function) 和 .width(function) 可以用来计算匹配的第一个元素的相关值；
(Height, Width, Ticket)
jQuery.parseJSON 将 JSON 解析成 JS 对象；
(jQuery.parseJSON, Ticket)
jQuery.error 为插件开发者提供便利，可以覆盖此方法以提供更多更好的错误信息显示；
(jQuery.error, Ticket)
-
2009-10-04 20:52:25
2009.10.4
-
2009-09-13 16:04:24
Yahoo! meme 前端初窥
发现 咪咪 又发邀请了。从十天前的14个到隔夜后缩减到的3个再到前两天新增的4个，紧张过度了吧，能折腾... 在经历中文用户刷屏后，popular 恢复了正常，不过依然是满眼猎奇大图，也是，如此清新销魂的页面，不使劲儿往上招呼图片视频才是大不敬。
说正题，来简单关注下 雅虎 meme 的前端：
先说说设计
meme 给我的第一印象非常好，甚至是惊喜，也许是受太多 twitter clone（包括围脖）雷同界面的影响一开始对其期望值不高形成的反差。后来发现，其实 mac 下 HelveticaNeue-Light 字体及平滑的文字效果也是功不可没。顺便提一句，Georgia italic 也是俺的大爱:)
meme 在区域的设计上使用了圆角，包括信息输入、展示区以及 form 中的各式输入框和按钮，对于信息中的图片也采用了双边框的设计，内深(#e2e2e2)外浅(#fcfcfc)，有淡淡的立体效果（firefox 中可以使用 -moz-border-bottom 快速完成）。说到圆角，其实只有 gecko 和 webkit 核心的浏览器才能看到，对于 IE 和 Opera 则完全无视了，当然 Camino 下的圆角效果还是一如既往的差，顽固地保持着 firefox2 的残迹，这些下面都会专门提到。皮肤方面，我还是忠于默认:)
上图是第一个按钮用到的透明图片，边缘溶解，最大限度地分离了前景和背景、减少图片用色（让 IE6 支持此透明 gif）和体积，但最后保存的格式却是 png，不太理解；从这副图片的名字也许可以看出一些原因： posts.gif.png，尝试了去掉 .png，没问题，原来本来就是张 gif，汗~ (注: 来自 chumsdock: “关于gif/png的问题，IE6 是支持只有纯透明的 8 位 png 的，用法跟 gif 一样，但是 png 比 gif 尺寸更小。”)
继续瞎说交互
这方面我一直都很外行，没数据的情况下基本是靠主观理解 *…*
先看上方的黄色提示，咪咪会识别新信息，但不会强行显示出来，这样的设计很适合中文用户，哈哈，在刚注册时 popular 满屏春色，而且源源不绝，现在虽然少了，但偶尔也能惊喜一下，如果这时被自动推出来，身后有人观摩就太尴尬了 - -!
接着看评论输入框，这是在 repost 后显示的，提示和样式都清晰明了；
最后两条灰色信息是我又爱又恨的地方，爱在于简明地显示了信息来源（你知道我在说哪里），恨在于字太小，如果有图和视频就更显得隐蔽，打开页面一眼望去不好区分哪些信息是首发哪些是 repost（当然现在我知道了按长度区分）。或许雅虎就是有意而为之，认为让用户第一时间获取信息本身才是最好的体验？纯属瞎猜...
说件土事儿，第一次来 meme 时俺竟然没找到在哪里输入信息，虽然 dashboard 页上方深灰色按钮赫然，但一时没意识到那里就是可以展开的输入区域，还一个劲儿的找大文本框。我想这个应该不属于交互设计的问题，是被 twitter 毒害太深，习惯成自然，meme 这个大框在之后用起来就很顺手了。
下面说说前端代码
meme 的前端代码很随性。先看 GBS 最近一次更新：
虽然 IE6~8 在 XP 下依然被列为 A-grade，但 meme 似乎已经对 IE6 失去了耐心
IE6(左)高度有偏差，FF3.5(右)为正常
左侧的黄色区域是一个本不该显示的空层(divMessage)，用来防止相应的动态信息，但里面有个 ，所以对于 IE6 来说它并不为空，而且还要为其应用继承的文字样式，从而出现了最小高度的问题。黄色区域下方的蓝线是经典的 IE6 图片 3px 问题。
meme logo 是用 <a> 的背景图实现的，配合 text-indent: -9999px，照顾了爬虫又方便利用 css 控制鼠标悬停切换背景。IE6 用了比较屎的滤镜来解决不支持透明 png 的问题，这种方法的后遗症是无法通过控制背景图片的位置来实现悬停后 logo 外发光的效果，所以在 IE6 下鼠标悬停左上方 logo 是没有任何反应的：_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://l.yimg.com/cc/img/en_PH/1252444248/logo.png', sizingMethod='crop');
IE6, 7 无法将使用负 margin 的 div 背景图显示在其外层容器区域(#nav)之外，所以利用星标(*)为其做了 hack，这也是上图中 IE6 的 logo 位置会与标准浏览器下不同的原因（IE7 也是如此）：
margin-left: -6px; *margin-left: 0;
除了 logo，meme 全站使用透明 png 的地方、可以产生经典 bug 的地方，在 IE6 下多多少少都还会有不尽如人意的地方，在此略去。可以说，meme 基本放弃了在外观上 hack IE6。
除了 IE6，meme 在 Opera 和 Camino 下的表现也不尽如人意：
FF3.5(上)为正常效果，Opera10(下)有明显错位(Camino 有同样问题)
代码中可以看到，头像为左浮动，用户名(<h1>)和简介(<p>)均为块级显示，而在头像与用户名、简介的水平方向均有相邻的 margin。在其他浏览器中如果是这种情况，用户名与简介的 margin-left 就会从外层容器(.info)的左边缘开始算起(不含 margin 与 padding 的宽度)，但 Opera 与 Camino 会与头像的 margin-right 相叠加，所以就出现了上图的错位。解决方法很简单，去掉用户名与简介的 margin-left，只使用头像的 margin-right 来区隔即可。
上图(右侧)是在 Camino 下一处比较诡异的地方，灰框本应是 repost 的按钮(如左图)，不知啥原因显示成这样。这个按钮是一个用背景图来控制样式的 input，不知是否和背景图使用了 transparent 有关。
接下来说圆角，上面已经提到，meme 使用了私有属性实现(-moz-border-radius 和 -webkit-border-radius)，没在这方面多较真，很好奇他们的设计稿是啥样的；IE 也就罢了，莫非连 Opera 用户都放弃了？圆角在 firefox 3.0+, safari, chrome 下看都很完美（最赞是 firefox，在 webkit 核心浏览器下，圆角部分比较虚，而同为 gecko 核心的 Camino 表现最差，见下图）
仔细看头像左侧的圆角边框，safari(左) 较虚，firefox(中) 最佳，camino(右) 不但不够平滑，每个方向的圆角样子还不同，这也是在 firefox 2.0 时期同样经历的老问题了，不过 camino 似乎并不在意，最新版 1.6.9 中问题依然存在(userAgent 中也有这样的提示: like Firefox/2.0.0.23)
说 meme 的前端代码随性还有个重要的地方，就是没有忠于 YUI，css 部分只使用了 reset，而 js 库方面除了 YUI 2.5.0 还用到了 jquery 为主的其他库及插件：- jQuery v1.3.2
- Sizzle CSS Selector Engine - v0.9.3 (dojo)
- jQuery UI 1.7 custom
- jQuery Overlabel
- jQuery Tooltip plugin 1.3
meme 的 home 页对于图片展示的处理比较有意思，先看图：
默认情况下，信息列表中只显示裁切后的缩略图，当图片的实际尺寸大于缩略图时，点击图片便会出现类似视频加载的样式(左、中)，载入完毕，loader 消失，大图显示；如果要载入的是个动态 gif(右)，那么一开始就会在缩略图上方叠加个播放按钮，提示用户这里是可以播放的图片。这种加载方式可以带给用户很好的体验，尤其是动态 gif:)
ps, 上图左侧 IE6，注意看图片下端与边框的距离，3px bug 再现...
下面来看下实现的 JS 代码：goodstuff.ui = function () {
h = function (t, r) {
r = r || $(document);
var s, q = jQuery('<span class="img_loader"></span>');
r.find(".gifplay").click(function () {
$(this).parent().children(".image").children("img").click();
});
r.find("img.image_expand").click(function (v) {
imageplace = $(this).parent().parent();
var u = $(this).parent().parent().children(".img_loader");
u.show();
if($(this).hasClass("small")) {
$(this).addClass("big").removeClass("small")
.load(function () {
u.hide();
$(this).parent().parent()
.children(".gifplay").hide();
$(this).parent().parent().parent()
.find(".clearexpand").show();
});
$(this).parent().parent().children(".gifplay").hide();
imageurl = $(this).attr("src");
$(this).attr(
"src",
imageurl.replace("/200x200/","/original/")
);
} else {
if($(this).hasClass("big")) {
u.hide();
$(this).addClass("small").removeClass("big");
imageurl = $(this).attr("src");
$(this).attr(
"src",
imageurl.replace("/original/","/200x200/"))
.load(function () {
$(this).parent().parent()
.children(".gifplay").show();
$(this).parent().parent().parent()
.find(".clearexpand").hide();
}
)
}
}
return false;
});
};
};
.gifplay 和 .image_expand 分别是载入时用来叠加在动态 gif 和大图上的 loader 层，图片的切换用的是替换 url 的方法，所以如果想像个人页面一样直接显示大图和动画，自己写个 GM 脚本就好了。代码写的很直白，就不多解释了，汗一下选择符的使用 @__@
就写到这儿，最后再赞一下 meme 的设计，收工
-
2009-09-05 04:08:40
Mac 下为 VIM 增加 JSLint 支持
JSLint 不必多介绍，调试脚本的利器，常见语法错误都可以检查到，有了它，对于简单代码的 code review 就不必总让 firebug 占资源了。这里主要说下如何整合 Mac 下的 VIM，方便一起使用；以无用户界面的 Normal version 为例，也就是 terminal 中使用的那个 vi（MacVim 及 TextMate 的整合方式与其类似，而且偏好的配置更方便）。
首先要下载 JavaScript Lint，或者在他们的 trunk 中 check: svn co https://javascriptlint.svn.sourceforge.net/svnroot/javascriptlint/trunk jsl
之后解压缩（我放到了 Library/JSLint 中）并设置环境变量:
在 ~/.profile 中增加 export PATH=${PATH}:~/Library/JSLint/
接下来下载 javaScirptLint.vim 并将其放在 ~/.vim/plugin 中，如果你没有这两个目录，那么要先 mkdir 下。
需要的工作做完了，可以找个 JS 试下，当 :w 时会出现检查结果：
一切顺利，QuickFix List 中显示的就是对上方 JS 的检查结果，如果你想增设偏好，比如使用自己的快捷键启动调试，那么可以参照 JSLint 的脚本自行添加设置：
当然，浏览器中的 JSLint 依然是临时调试的首选。
明儿下午是 黄修源 童鞋 在五道口光合作用的《豆瓣，流行的秘密》新书发布会，邵夷贝 和 余思 也会到场。先预祝明天发布会成功。
周末继续爬山，有体力再去游泳，哦也～ 洗洗睡了～
-
2009-07-11 17:12:31
最近
油价一夜飙升，93号汽油已经涨到6块3毛7了，也就是说我每加一箱油就要比涨价前多花26块4，这次涨的真是过；踩几脚油儿就少吃几顿煲仔饭... 就当减肥了；话说上次在老王那儿称，我竟然上了160 @__@ 秤的问题吧？一定是
新工作两个月了，融入新的团队，结识新的朋友，在一个舒适的环境中与同道中人共事是种很棒的体验。
在第一阶段前端重构完成后开始了同城地图的相关开发，俺也有幸成为了第二个 Scrum team 的外援。与 bear 的协作很顺利，昨天效率蛮高:) 不得不说 Googe Maps 的文档做的很出色，像我这种第一次接触 GMap 开发的人也能快速上手。推荐看 英文文档，比 中文的 全，比如像 GMapUIOptions 这个 class 在中文文档中就没有出现。
在看 W3 的 HTML5 文档 时发现 <audio> 标签比想象的还强大，顺手根据现有素材做了个 HTML5 版的电台，由于使用了 CSS3 的一些新增的方法和浏览器的私有属性，所以只能在 Safari 4+ 上完整的运行。昨天让同事试了下，其中提到的一点是俺没想到的 ── iphone & ipod touch 不支持 flash，而避开 flash 使用 JS 完成的电台正好可以用，再加上 safari 又是 apple 自家娃，从风格到功能就都没问题了。
试听地址（三首歌）：http://resource.ctba.cn/mockee/radio （只限 safari 4.01+）
在 这里 下载最新版 Safari
特别注意下，iPhone OS 2.0 的 Safari 版本是 3，无法播放歌曲，要升级到 3.0，3.0 的 Safari 版本才是 4，也才能顺利识别 <audio> 标签。
目前 firefox 3.5 虽然 支持 <audio> 标签 但只能播 ogg 格式的歌曲，上面试听的是 mp3，所以也无法播放，不过风格上 css3 支持的没问题。
box-shadow, border-radius, font-face 将原先只能图片完成的效果代码化。时间比较仓促没有用 canvas。下周试试连主曲库，内部再小测下。
《变形金刚2》还没看，主要公司发的票找不到了，另外一张奖品票也还没领，不知到没到期 @__@ 各方面了解了下，还是最想看 3D 的《冰河世纪3》。另外，Eason 的演唱会得去啊~~~
-
2009-05-30 02:32:46
最近的一些设计
在扯谈的简洁版首页上耗了太多时间，直到陷入像素魔咒，恶心的想吐。新首页的设计已经基本完成，讨论修改后会尽快上线，现在暂时保密。上面是新 banner 的部分截图。久违了的“扯谈社”～
打算为 iPhone, iPod Touch 单独做个入口，浏览起来顺手些。iPhone Simulator Platform 效果很棒，做测试再合适不过，没玩过的可以尝试下。
随手备个扯谈的 C 字 icon，睡觉
-
2009-05-19 00:24:09
5.18 share@mac
是开个 mac 分类的时候了，收集一些相关的软件资源、八卦和使用技巧。公司内部最近 mb, mb pro 数量猛增，技术部应该已经接近八成了吧，放眼望去很是壮观:)
db-mac 是公司内部 mac 爱好者的小群体（现在已经是大群体了），刚刚加入，没太多可贡献的，学习先，把这两天收集的一些技巧分享下：
下面是洪教授提供的一个方便 Finder 和命令行切换的配置：
在 ~/.bashrc 里加上
# Create a command to 'cd' to frontmost Finder window
# ref: http://www.macosxhints.com/article.php?story= 20050924210643297
cdh()
{
cd "`osascript -e 'tell application "Finder"' \
-e 'set myname to POSIX path of (target of window 1 as alias)' \
-e 'end tell' 2>/dev/null`"
}
这样，就可以在命令行里用 cdh 直接进入 Finder 里的当前目录了
下面是 NP 找到的一个给文件夹设置独立中文名的方法：- mkdir Work
touch ~/Work/.localized
这个 .localized 文件保持为空就行，就是个标记 - cd /System/Library/CoreServices/
SystemFolderLocalizations /zh_CN.lproj（其他语言环境进其他语音包修改） - sudo vi SystemFolderLocalizations.
strings
添加行：“Work” ＝ “工作”;
ZZ保存退出 - 重启 Finder 进程，本地化名称已经在 Finder 窗口里生效
下面是 brant 分享的两个资源链接，我昨天在 ct 也分享了：
再说个 mb 外接显示器并当主屏使用的方法，是 xyb 告诉俺地，其实很简单：把 mb 屏幕合上，接上显示器，再接上鼠标键盘就行了（注意，虽然合上屏幕会待机，但外接设备后又会激活，这时如果识别到外接显示器就会将其作为主屏）；如果开着屏幕，就只能分屏或镜像。看来解决 mac 下的问题的方法就是往简单的方面想 3__3
- mkdir Work
-
2009-04-22 07:57:45
[存两篇] 学习+尝试
Fluid Grids
俺比较欠缺的部分，觉得算起来很麻烦，打算尝试下，先拿 ct 的博客皮肤练练手
Advanced Debugging with JavaScript
最近正好在用 Opera Dragonfly debugger 和 Drosera JS debugger
ps, 昨天完成了投票部分，“豆列”应该归到五一后了，这两天可以提前开始整理老代码并制定新规范，比较杂乱，量也大，急不得 -
2009-04-21 08:29:46
入职第一天简单记录
根据该用户的设定，您没有权限查看这篇日志
-
2009-03-28 02:34:39
经历嗷嗷仰慕的盖世作坊初面
根据该用户的设定，您没有权限查看这篇日志
-
2009-03-14 07:54:21
睡前脑子里的一些想法
社区服务站开始提供早点，我是今天的第一位顾客，天蒙蒙亮，吃着久违的早餐，真好；这种感觉会让我想起高中，只是一种感觉，转瞬即逝。
我厌恶睡觉，向来如此，曾幻想，如果人可以不睡觉的健康生活该是多么美好；当然现在现实很多，只是脑子里多了另一种假设：我宁愿按比例减损我的阳寿以换取持续清醒的精神与永不疲惫的肉体。
其实并不清楚如果真的可以 7x24 地保持清醒我可以多做些什么，只是讨厌被规律地打断，也许这是一种对于时间管理不当所产生的错觉，我向来不善于管理时间，也一直都是时间的消费者；陈老师的日志提醒了我，管理时间，纸笔足矣，已经坚持了两天；细想起来很惭愧，身边很多朋友其实早已如此。
我已经越发清晰地察觉到我所欠缺的那一部分东西是什么，同时我也明白，如果我还想继续做我自己，那就永远不能完满。
刚满 24，或者说，都已经 24 了，我们平时可能过分地注重相对的概念而忽略了一些事物本来的绝对。我们应该懂得分享。
现在很少去崇拜些什么了，我用我的谬论去解释这一切：I.Q.只是为满足我们的客观需求而存在，是对一种作用于我们从而反作用于这个世界的力的量化，一种很荒谬的存在，它既可以强大到无以复加，又可以瞬间归零，能量守恒对它可能并不适用。一些人领悟了其中的奥妙，他们从不去计较这荒谬，也不去理会诸如机遇这样的借口，自然而然地成为了施力者，也自然而然地脱颖而出。其实大多数人需要的只是时间，也许是几年，但也可能是一生，甚至几个轮回。
我因该扮演好自己的角色，从始至终。
-
2009-03-10 13:32:56
关于淘宝的老认证
刚打了 4 通电话就为把我一个 05 年的淘宝公司类型帐户的数字证书注销，暂时无果，已经提交到专家组，等待中。问题在于，目前注销公司类型帐户的数字证书需要上传营业执照等相关文件，而我当时注册的时候并不需要也没有（只是觉得可能功能多，注册个公司帐户玩）这些证明文件，而且顺利注册成功了。
第一通：致电“淘宝”，听说是数字证书问题，让我直接联系支付宝；
第二通：致电“支付宝”，说公司类型的老证书注销需要“淘宝”提供书面证明，证明我当时确实只用了身份证就注册了公司帐户；
第三通：再次致电“淘宝”，听说是证书认证的问题说他们并不负责，一切认证是由“支付宝”负责核实的，无法提供证明，让我再次致电“支付宝”。感觉有踢皮球的嫌疑，但细想，凡是跟认证相关、和钱打交道的流程确实都是由阿里旗下技术含量颇高的“支付宝”完成的；
第四通：再再次致电“淘宝”，我一口气说明了前三通电话的所有问题，“小二”（她们竟然也这么自称，挺2的）经过再次核实，确定暂时无法解决，要提交到专家组，让我留电话等待，最快当日解决。
句号
简单评价两句，淘宝确实有完善的客服系统，服务态度也很好（有电话录音监听嘛），对于这种历史遗留的问题只能提交技术部核实解决了。原来经常听寺院阿姨讲述客服的辛苦，所以俺今天统统给打了“非常满意”，善哉～
21:43 更新
“支付宝”客户满意中心来电话，依然无果 -__- 说情况比较特殊，明上午给答复
3.10 13:40 更新
“支付宝”客户满意中心再次电话，需要我提供身份证彩色复印件，即可注销数字证书
