[译]在非IE浏览器中模拟zoom创建块级上下文

原文:http://www.stubbornella.org/?p=726 译文:https://www.ofcss.com/2011/03/04/the-hacktastic-zoom-fix-translation.html 作者:Nicole Sullivan 本文介绍了OOCSS栅格系统中,"content:' x x x x x x x x x x … '"这行怪异代码的来历。作者详细讲解了他寻找栅格系统最后一列最佳实现方式的全过程,并通过这个过程,详细讲解了zoom、overflow:hidden、display:table-cell、css生成内容等创建块级上下文的不同方法各自的优缺点,并对OOCSS最终采用的代码做了逐行讲解。* 以下是译文:*

继续阅读 →

本条目由小李刀刀发布于 2011-03-04。属于 CSS,被贴了 翻译、CSS 标签。CSS2011-03-04 · 小李刀刀

CssGaga功能介绍视频

这是为涛哥的CssGaga制作的一个视频教程,因为之前涛哥有发,所以我就不发了,不过最近不少朋友留言说涛哥的分享过期了,所以我单独提供一下: CssGaga功能介绍视频:点击下载

继续阅读 →

本条目由小李刀刀发布于 2011-01-26。属于 乱七八糟。乱七八糟2011-01-26 · 小李刀刀

[译]CSS技巧:如何避免IE6中的"浮动下坠"

原文:http://www.yuiblog.com/?p=2820 译文:https://www.ofcss.com/2010/10/31/prevent-a-float-drop-in-ie6-translation.html 作者:Thierry Koblentz 尽管这种情况通常被称为"浮动下坠"或者"浮动下沉",但实际上下坠或下沉的列并不一定是浮动的……只要它比预留给它的空间更宽就有可能出现下沉。请记住这是一种特定情况下才会发生的在跨浏览器时很常见的行为——网页的某一栏太宽了,于是它下沉了。

继续阅读 →

本条目由小李刀刀发布于 2010-10-31。属于 CSS,被贴了 翻译、CSS、浏览器 标签。CSS2010-10-31 · 小李刀刀

webkit中BFC元素临近浮动元素时的边距bug

一直以来我们都很熟悉IE的“浮动边距加倍”的bug,并且绝大多数重构人员都已经很擅长在需要浮动时就直接绕过他。其实以webkit为核心的浏览器,包括但不限于Safari和Chrome,也有一个关于浮动和边距的bug,同样会造成布局错误。我在最近三个月的前一个月连续遭遇了两次这个bug,后两个月虽然避免了再次出现,但是直到现在才把这个bug彻底弄清楚。

继续阅读 →

本条目由小李刀刀发布于 2010-10-30。属于 CSS,被贴了 bug、网页、CSS、浏览器 标签。CSS2010-10-30 · 小李刀刀

利用宏避免发送确认邮件时忘记添加附件

团队的邮件周知流程在不断规范,对邮件格式当然也做出了很多要求。在刚开始的阶段,大家都还不是很熟练,于是频频出现聚精会神地把邮件内容处理完以后,还没有把制作完成的html附件添加到邮件里就点击了发送按钮。虽然Outlook支持邮件撤回功能,但是那个撤回功能实在是太SB了(谁用谁知道……)。当然我们也可以设置延迟发送,这样可以在一定程度上解决问题,但是如果你发送邮件后就去干别的了,那么延迟发送显然也不保险。所以最安全的方式还是在发送邮件时,如果是重构完成的确认邮件,并且又没有添加html附件,就弹出警告阻止发送。我做了一个Outlook的加载项实现这个功能,但是试验证明部署兼容性还是有一些问题(在一同事的Win7 x64 + Office 2007 x86上安装后不能加载)。所以这里分享一下用宏实现的方法。当然你也可以先尝试一下加载项能否在你的电脑上正常工作,可以的话就不用搞这么复杂了:点击下载ISD WebTeam 重构邮件附件检查加载项For Outlook 2007/2010

继续阅读 →

本条目由小李刀刀发布于 2010-10-29。属于 所谓技术、乱七八糟。所谓技术、乱七八糟2010-10-29 · 小李刀刀

[译]借助jQuery和Google分析服务的事件追踪深入了解用户行为

作者:Brian Cray 原文:http://briancray.com/?p=1584 【作者简介】Brian Cray 居住在俄亥俄州的哥伦布市,是位于圣弗朗西斯科的Topsy公司的一名前端工程师。 本文主要介绍如何使用谷歌分析的高级事件跟踪能力,深入了解用户如何浏览你的网站、如何与你的网页进行交互。

继续阅读 →

本条目由小李刀刀发布于 2010-10-25。属于 所谓技术,被贴了 翻译、jquery 标签。所谓技术2010-10-25 · 小李刀刀

在WebKit中并行加载外部脚本译:

作者:Tony Gentilcore 原文:http://webkit.org/blog/1395/running-scripts-in-webkit/ WebKit 正式版已经正式支持HTML5中<script>标签的 async 和 defer 属性了。如此一来,我们就能在不阻塞网页中其它元素下载的情况下,以异步方式下载JavaScript,从而大大提高了网页加载速度。

继续阅读 →

本条目由小李刀刀发布于 2010-10-24。属于 所谓技术,被贴了 网页、性能优化 标签。所谓技术2010-10-24 · 小李刀刀

[译]HTML验证的价值探讨

作者:<a href="http://www.nczonline.net/about/" rel="tag">Nicholas C. Zakas</a> 原文:<a href="http://www.nczonline.net/blog/2010/08/17/the-value-of-html-validation/">http://www.nczonline.net/blog/2010/08/17/the-value-of-html-validation/</a> 这篇文章我已经酝酿了很久,期间还拜读了 <a href="http://www.wait-till-i.com/" rel="tag">Chris Heilmann</a> 关于 <a href="http://doesvalidationmatter.com/">Remy Sharp’s site</a> 的<a href="http://www.wait-till-i.com/2010/08/17/validate-dont/" rel="enclosure">这篇大作</a>。我和Chris曾就这个话题多次交换意见,最终我们彼此的观点都有所改变,接受了一些过去无法接受的意见。我曾经在公开的、私下的各种场合直言不讳地表示过,目前的HTML验证状况对我来说纯粹是浮云。要了解我的看法,你需要先明白HTML验证到底是什么。

继续阅读 →

本条目由小李刀刀发布于 2010-10-22。属于 所谓技术,被贴了 翻译、网页、HTML 标签。所谓技术2010-10-22 · 小李刀刀

[译]clearfix改良及overflow:hidden详解

原文:clearfix Reloaded + overflow:hidden Demystified clearfix 和 overflow:hidden 可算得上是不增加额外标签清除浮动的两个最流行的技术了。 这篇短文介绍了如何改进clearfix进行增强,同时对overflow:hidden进行了深入的解释。

继续阅读 →

本条目由小李刀刀发布于 2010-10-20。属于 CSS,被贴了 翻译、网页、CSS 标签。CSS2010-10-20 · 小李刀刀