对于web前端工程师来说，用Firefox+Firebug进行CSS和JavaScript的调试已经是非常熟悉和习惯了。如今，新版本的Firefox中又内嵌了一个元素查看工具（图1），类似Firebug，但是初步体验下来，功能远不如Firebug（图2），使用起来也远不如Firebug方便。但是右键菜单中的两个“查看元素”选项（图3），常常一不小心就按错了。这个新增的内置元素查看工具，不但没有给我带来便利，反而造成了许多不便。幸好，我们可以轻松地禁用它。
CssGaga是ytzong（涛哥）基于我们在朋友网日常的重构工作流程，为了提高工作效率而开发并不断完善起来的一个重构辅助工具。运行于Windows + .NET的环境，提供了重构相关的一系列解决方案。最近越来越多的朋友通过腾讯微博、QQ和Email咨询到有关CssGaga的问题，由于CssGaga本身也是在不断升级，以前的教程有些已经陈旧，为了帮助新接触到这个工具的同学，我这里再写一篇日志介绍一下CssGaga的基本使用。
在学习iOS App开发中遇到需要计算时间差并格式化输出的需求，没有现成的方法，需要结合NSCalendar和NSDateComponents来实现。所以干脆把代码封装成一个熟悉的dateDiff方法。不过这个方法跟VB和sql里的dateDiff还是有点不一样，虽然可以封装成完全一样，不过我觉得直接返回NSDateComponents会更方便，因为所需要的各种单位上的值都包含在其中了。
我是把代码封装到自己的一个工具类KRUtils里作为类方法，使用起来也很方便。代码如下：
有意向的朋友可以直接发送简历到 kairee#qq.com，招聘详情见正文。
读到《重新认识CSS的权重》这篇，鬼哥在文章最后给出了便于记忆的顺序：“important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符”。那么这个顺序是怎么得出来的呢？实际上在CSS2规范关于具体性(specificity)的定义中，描述是非常明确的，但是很多中文版本的css图书中采用了10进制的简单相加计算方式（包括第一版《CSS权威指南》，第二版中已经纠正）。因此把规范中对CSS层叠优先级的相关定义意译一下，希望给初入门或对权重计算尚有疑惑的朋友提供一些参考。
为了页面的健壮性，我们常常需要使用overflow:hidden。有时候是为了防止布局被撑开，有时候是为了配合其它规则实现文字截断，还有时候纯粹是为了创建块级上下文。但是，很多人对这个属性是存在着一定的误解的，网上很多入门的资料或文章都只提到用overflow:hidden加固定的宽度（或高度）可以强制隐藏内部的超出容器的内容。包括之前我们在使用overflow:hidden创建块级上下文的方式来实现图文混排时，都认为overflow:hidden造成了特殊情况下的麻烦（详见自适应的多列图文混排改进）。但如果认真阅读一下css规范，会发现overflow:hidden其实并不一定隐藏溢出内容。我之前翻译的clearfix改良及overflow:hidden详解一文中第二部分有讲解，不过可那篇文章的重点是谈清除浮动的问题，所以有关overflow的问题反而没引起注意。
ISD Webteam的大布同学（twitter：@tc_bryanzhang）在2010年1月翻译了google Page Speed系列中的Optimize browser rendering，很是方便了大家。在此基础上，google又有了更新，我且在此把google新增的部分翻译一下，作为对大布同学译稿的补充。
google这篇文章关注的是资源被下载到客户端以后，在浏览器加载、解释、渲染HTML、CSS和JavaScript阶段的性能优化，提出了5个要点：
最新评论