原文：http://www.yuiblog.com/blog/2011/03/08/css-border-tricks-with-collapsed-boxes/
作者：Thierry Koblentz （雅虎前端工程师）
用css边框实现小三角的技巧现在已经被越来越多的网站所采用，减少图片、减少HTTP请求的低碳设计越来越受欢迎。这次，来自雅虎的前端工程师又给我们带来了一组新的CSS边框设计技巧，原文列出了三种（双色背景导航条、水平排列元素间的点线分隔符、带左右箭头的垂直导航条），实际上除了这三种外，其范例页中还给出了额外的两种（水平分页导航条、垂直分组导航条）。以下是译文：
从使用Win7测试版开始，经历了IE新版本使用中的不少兼容性问题，早期遇到的如看不了视频、论坛不能上传附件、不能使用网银、不能使用支付宝财付通等问题。经过一两年的使用下来，IE8已经成了我主要使用的浏览器之一（Chrome是我的默认浏览器、网银、支付宝、财付通及部分兼容性不好的网站用IE8），使用一直很顺畅。现在很多人开始升级IE9，希望会有更多的非前端开发人员的普通用户开始尝试IE8吧。这里把我安装完IE8（以及升级完IE9）之后必做的设置分享一下，希望能帮助一些刚开始使用IE8/9的朋友。
原文：http://www.stubbornella.org/?p=726
作者：Nicole Sullivan
本文介绍了OOCSS栅格系统中，”content:’ x x x x x x x x x x … ‘”这行怪异代码的来历。作者详细讲解了他寻找栅格系统最后一列最佳实现方式的全过程，并通过这个过程，详细讲解了zoom、overflow:hidden、display:table-cell、css生成内容等创建块级上下文的不同方法各自的优缺点，并对OOCSS最终采用的代码做了逐行讲解。
以下是译文：
原文：http://www.yuiblog.com/?p=2820
作者：Thierry Koblentz
尽管这种情况通常被称为"浮动下坠"或者"浮动下沉",但实际上下坠或下沉的列并不一定是浮动的……只要它比预留给它的空间更宽就有可能出现下沉。请记住这是一种特定情况下才会发生的在跨浏览器时很常见的行为——网页的某一栏太宽了，于是它下沉了。
一直以来我们都很熟悉IE的“浮动边距加倍”的bug，并且绝大多数重构人员都已经很擅长在需要浮动时就直接绕过他。其实以webkit为核心的浏览器，包括但不限于Safari和Chrome，也有一个关于浮动和边距的bug，同样会造成布局错误。我在最近三个月的前一个月连续遭遇了两次这个bug，后两个月虽然避免了再次出现，但是直到现在才把这个bug彻底弄清楚。
团队的邮件周知流程在不断规范，对邮件格式当然也做出了很多要求。在刚开始的阶段，大家都还不是很熟练，于是频频出现聚精会神地把邮件内容处理完以后，还没有把制作完成的html附件添加到邮件里就点击了发送按钮。虽然Outlook支持邮件撤回功能，但是那个撤回功能实在是太SB了（谁用谁知道……）。当然我们也可以设置延迟发送，这样可以在一定程度上解决问题，但是如果你发送邮件后就去干别的了，那么延迟发送显然也不保险。所以最安全的方式还是在发送邮件时，如果是重构完成的确认邮件，并且又没有添加html附件，就弹出警告阻止发送。我做了一个Outlook的加载项实现这个功能，但是试验证明部署兼容性还是有一些问题（在一同事的Win7 x64 + Office 2007 x86上安装后不能加载）。所以这里分享一下用宏实现的方法。当然你也可以先尝试一下加载项能否在你的电脑上正常工作，可以的话就不用搞这么复杂了：点击下载ISD WebTeam 重构邮件附件检查加载项For Outlook 2007/2010
作者:Brian Cray
原文:http://briancray.com/?p=1584
【作者简介】Brian Cray 居住在俄亥俄州的哥伦布市，是位于圣弗朗西斯科的Topsy公司的一名前端工程师。
本文主要介绍如何使用谷歌分析的高级事件跟踪能力，深入了解用户如何浏览你的网站、如何与你的网页进行交互。
最新评论