裁纸刀下

对于web前端工程师来说，用Firefox+Firebug进行CSS和JavaScript的调试已经是非常熟悉和习惯了。如今，新版本的Firefox中又内嵌了一个元素查看工具（图1），类似Firebug，但是初步体验下来，功能远不如Firebug（图2），使用起来也远不如Firebug方便。但是右键菜单中的两个“查看元素”选项（图3），常常一不小心就按错了。这个新增的内置元素查看工具，不但没有给我带来便利，反而造成了许多不便。幸好，我们可以轻松地禁用它。

为了页面的健壮性，我们常常需要使用overflow:hidden。有时候是为了防止布局被撑开，有时候是为了配合其它规则实现文字截断，还有时候纯粹是为了创建块级上下文。但是，很多人对这个属性是存在着一定的误解的，网上很多入门的资料或文章都只提到用overflow:hidden加固定的宽度（或高度）可以强制隐藏内部的超出容器的内容。包括之前我们在使用overflow:hidden创建块级上下文的方式来实现图文混排时，都认为overflow:hidden造成了特殊情况下的麻烦（详见自适应的多列图文混排改进）。但如果认真阅读一下css规范，会发现overflow:hidden其实并不一定隐藏溢出内容。我之前翻译的clearfix改良及overflow:hidden详解一文中第二部分有讲解，不过可那篇文章的重点是谈清除浮动的问题，所以有关overflow的问题反而没引起注意。

关于网页两栏、三栏的布局讨论由来已久，有各种各样上佳的方案。本文重点讨论的不是两栏、三栏布局这样通用的解决方案，而是一个专门针对两栏图文混排的特定需求的改进型方案。当然其中的原理也可以被应用于两栏布局甚至更多，那是你举一反三，不是本文讨论的重点。你也可以先看一下最终的示例页面。

原文：http://www.yuiblog.com/blog/2011/03/08/css-border-tricks-with-collapsed-boxes/ 译文：http://ofcss.com/?p=1078 作者：Thierry Koblentz （雅虎前端工程师） 用css边框实现小三角的技巧现在已经被越来越多的网站所采用，减少图片、减少HTTP请求的低碳设计越来越受欢迎。这次，来自雅虎的前端工程师又给我们带来了一组新的CSS边框设计技巧，原文列出了三种（双色背景导航条、水平排列元素间的点线分隔符、带左右箭头的垂直导航条），实际上除了这三种外，其范例页中还给出了额外的两种（水平分页导航条、垂直分组导航条）。以下是译文：

从使用Win7测试版开始，经历了IE新版本使用中的不少兼容性问题，早期遇到的如看不了视频、论坛不能上传附件、不能使用网银、不能使用支付宝财付通等问题。经过一两年的使用下来，IE8已经成了我主要使用的浏览器之一（Chrome是我的默认浏览器、网银、支付宝、财付通及部分兼容性不好的网站用IE8），使用一直很顺畅。现在很多人开始升级IE9，希望会有更多的非前端开发人员的普通用户开始尝试IE8吧。这里把我安装完IE8（以及升级完IE9）之后必做的设置分享一下，希望能帮助一些刚开始使用IE8/9的朋友。

最近360以“隐私保护器”发起对QQ的攻势以来，双方的支持者在网上也是热议不已。网易天涯等都发起调查，看如果必须二选一的话是卸QQ的人多还是卸360的人多。从调查来看貌似选择卸QQ的多一些。不过调查是一回事，动手是另一回事。另外也没听说谁卸载QQ之后会造成系统功能方面影响的。 不过我卸载360之后倒是遇到了几个非常“诡异”的问题——之所以加双引号是因为那是在没找到原因的时候确实觉得很奇怪——然后我通过墙外的google来搜索也没找到较明确的解决办法。所以在找到原因并顺利解决了问题之后我决定把方法写下来，以方便遇到和我相同或类似问题的朋友。

第一次遇到工行U盾的问题是在Windows XP SP3系统上，同事因为用不了U盾而不愿意安装SP3集成版，后来我通过从网上银行下载驱动而不从光盘里安装，问题解决了。现在在Windows 7 x64下又遇到了工行U盾的问题，这次不是驱动装不了或者识别不了U盾的问题了，而是一切似乎都正常但是却不能下载证书……我是先用了Windows 7 x64很久，才去领的U盾。折腾了半个多小时以后，成功给同事转了5000块钱。以下是具体方法：

编辑源代码的时候，经常会用到正则表达式（特别是清理别人的代码的时候）来搜索替换。但是在我用做网页设计的主工具的 Dreamweaver  里，我却一直用不好它的正则表达式，不管是查找还是替换，经常都是折腾半天把我搞郁闷了。