伪绝对定位
总是很有趣看到 新的布局技术.
使用伪绝对定位,我们可以将每个项目与网格上的预定义位置对齐(就像绝对定位一样),但项目仍然会影响正常的流向,并且由于清除,它具有与正常流元素相同的许多优势。 网格中的每一行都将始终具有取决于内容的高度……
该技术的另一个优势是它减轻了浮动的大部分脆弱性。 当浮动框的内容比框本身更宽时,它会将下一个框推到右侧(因此,框通常会向下掉)。 使用伪绝对定位,右侧的框会保持原位,无论如何。
下拉菜单:从 CSS 开始,用 jQuery 增强
当谈到下拉菜单时,有两种技术:CSS 和 Javascript。 我个人倾向于使用 javascript 路线,仅仅是因为您可以实现更多功能,而 CSS 无法单独完成。 比如延迟和动画…… 然而,为了忠于网页设计师将设计与内容与功能分离的箴言,我们应该理想地让菜单在 javascript 关闭的情况下正常工作。 处理此问题的最佳方法是用纯 CSS 创建下拉菜单,然后只需使用 javascript 来 增强功能.
测试 Firefox 3 和 Firefox 2
使用像 Firefox 这样的超标准兼容浏览器,你不应该太担心你的页面在新版本中出现故障。 但是……当然会有一些小问题。 事实上,我需要在一些客户网站上调整一些东西,才能让它们在 FF2 和 FF3 中看起来正常。
便携式应用程序。
在 Mac 上? 试试 MultiFirefox.
在 PC 上? 试试 PortableApps.
Kotatsu
需要一些快速表格 HTML 标记? 试试 Kotatsu. 只需单击一些按钮添加您需要的行和列,并根据需要应用类,然后生成 HTML。 很棒的小省时工具!
伪列技术看起来很棒,迫不及待想尝试一下。
非常感谢你发布了那个 Firefox 链接。
嘿 - 与这篇文章无关,但你在 CSS tricks 标题中使用什么字体? 它很粗,很显眼 - 我很喜欢!
@Niki: “Agenda” - 它是一个非常好的完整字体家族。 看起来 MyFonts 有它. 如果你问我,它太贵了。 有一次我从一个客户那里获得了一个项目。