两个不太常用的 CSS Hack

1、仅 Safari 和 Opera 识别的 Hack @media all and (min-width: 0px) { /* Safari and Opera rules here */ } 或者 @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Opera rules here */ } 注:这里所指代的 Safari 和 Opera 一般为最新版本。 2、仅 Firefox 3 和 IE7 识别的 Hack selector, x:-moz-any-link, x:default { /* Firefox 3 and IE7 […]

... 16 条评论 »

如何使用 JavaScript 创建可维护的幻灯片效果

下面是幻灯片效果的 样例 : 显然,效果很实用。对于这个效果,我们并不解释如何去使用效果库,而是讲解如何创建类似的效果,并保持他的可用性,分离式(unobtrusive),可维护性(让未来的维护者,在不需要修改你的脚本的情况下,修改图片,外观或文本标签)。 无 JavaScript 状态下,用户将看到下面的效果: 添加和移除图片、改变图片的顺序以及添加标题,这些在 HTML 中都很容易做到。并且最后的解决并不意味着维护者需要懂任何 JavaScript 或者在源码中搜索在哪里修改 CSS 的 class, id 或者文本标签。 你有没有准备好花费一些时间去一步一步的尝试创建这个效果? 第一步:分析问题(Analizing the problem) 创建一个好的脚本,第一步应该是去分析哪些是你要完成的:我们想要创建一个照片的幻灯片效果,并且我们想要保持维护的方便。 如何创... 17 条评论 »

针对 IE8 的 hack

前言:对于 Hack 的使用,一直以来不提倡,应该尽可能的知道为什么,从根本上去解决问题,而不要遇到问题就 Hack,我们应该对代码“不作恶”,尽少使用,甚至不用。 对于 IE8 beta1 可以尝试下面的 Hack: /*/ selector { … } /**/ 此规则仅 IE8 beta1 识别,而其他 A-grade 浏览器都不识别。 不过这个 Hack 也许会在 IE 的 beta2 版本或正式版中被修复,暂可作为 IE8 beta1 调试之用。

... 14 条评论 »

innerHTML 的一些问题

innerHTML 属性的使用非常流行,因为他提供了简单的方法完全替代一个 HTML 元素的内容。另外一个方法是使用 DOM Level 2 API(removeChild, createElement, appendChild)。但很显然,使用 innerHTML 修改 DOM tree 是非常容易且有效的方法。然而,你需要知道 innerHTML 有一些自身的问题: 当 HTML 字符串包含一个标记为 defer 的 script 标签(<script defer>…</script>)时,如 innerHTML 属性处理不当,在 Internet Explorer 上会引起脚本注入攻击。 设置 innerHTML 将会破坏现有的已注册了事件处理函数的 HTML 元素,会在某些浏览器上引起内存泄露的潜在危险。 还有几个其他次要的缺点,也值得一提的: 你不能得到刚刚创建的元素的引用,需要你手动添加代码才能取得那些引用(使用 DOM APIs)。 你不能在所有浏览器的所有 HTML 元素上设置 innerHTML 属性(比如,Internet Explorer ... 7 条评论 »

如何在本地使用 Yahoo! BrowserPlus

对于 Yahoo! BrowserPlus 的使用是有限制的(源自《How can I use BrowserPlus on my site?》): During the “sneak peek,” BrowserPlus can only used on sites owned by Yahoo! or its partners. Our first full public release will make BrowserPlus available for use by 3rd party developers. 同时也包括限制本地的文件,对于想先睹为快的我们来说,很失落。不过现在通过 Skylar WoodwardL 的 hack 方法,修改下本地文件,就可以让轻松突破原本的本地文件限制,尝试一下吧,嘿嘿…… 找到系统上 Permissions 文件夹下的 Permissions 文件: Mac:/Users/[you]/Library/Application Support/Yahoo!/BrowserPlus/ […]

... 4 条评论 »