960 网格系统
Nathan Smith 推出了一个名为 960 网格系统 的 CSS 框架。 理论上，960 像素对于固定宽度网站来说是一个很好的数字，因为它可以很好地适应 1024 像素的屏幕，并且可以被 2、3、4、5、6、8、10、12、15、16、20、24、30、32、40、48、60、64、80、96、120、160、192、240、320 和 480 整除。 这使其非常适合分割成列以设计基于网格的布局。 这有很多可取之处。 基于网格的设计很棒，如果这可以帮助你入门，那就去做吧。 这里甚至包含了适用于许多专业设计程序的模板。 我个人不喜欢使用这种框架，因为最终你会发现，你不使用的部分比你使用的部分更多。 此外，你会得到像 <div class=”grid_12″> 这样的代码，我发现这非常不语义化。 感谢 Edwin 提供的信息！
创建淡入淡出的标题
瑞典 fika 有一篇关于如何 创建淡入淡出的标题 的文章。 他们使用 jQuery 将一张图像淡入另一张图像，作为悬停效果。 非常简单，效果非常酷，让我感到嫉妒 =)。 查看一下 示例页面。
Flexigrid
当我们查看酷炫的 jQuery 内容时，看看 Flexigrid。 这是一个表格框架，用于为原本无聊的表格添加一些交互性。 我一直很喜欢 Alan Grakalic 的 Tablecloth，但这个也非常好。 它能够“打开”多行，而 Tablecloth 做不到。
可等待的书签
在非 CSS 新闻方面，我的朋友 Richard 发布了对 Waitable 的一个酷炫补充，一个 书签。 Waitable 的理论是，所有产品最终都会降价，所以你可以将产品添加到你的等待列表中，当产品降到那个价格时，Waitable 会通知你。 现在，你无需前往 Waitable 将产品添加到你的列表中，只需在 Amazon.com 页面上单击书签，输入价格即可完成！ 非常棒的购物方式，现在就开始标记你的圣诞礼物吧 =)。
这里有很多很棒的信息，Chris，尤其是那个淡入淡出的标题效果。 非常感谢。
这些都很棒。 谢谢！
下载了 960，看起来‘不错’，尤其是当我删除了除 Photoshop 线条以外的所有文件的那部分。 如果你要使用网格布局... 至少自己编写代码，最终会有更多的满足感。
我不是 jQuery 的忠实粉丝，但教程还不错：）
它里面，我发现非常不语义化
为什么？
它是一个 12 像素的网格，为什么不语义化？ 不为菜单等使用 li 是不语义化的，而不是这个，在我看来。
它里面，我发现非常不语义化。
为什么？ 这里面有什么不语义化的？
既然我们已经说到这里了，你到底用“不语义化”是什么意思？ 因为这个词似乎被人们很随意地使用。
Flexigrid 看起来很棒，它还是测试版，我想知道它在未来会如何改进：) 我现在使用 zapatec 网格，但这个看起来是一个不错的替代方案
嗨 Chris，你知道“960 网格系统”横幅中使用了什么字体吗？
谢谢
@匿名：HTML 中的语义意味着标签和类/ID 以一种描述页面元素的方式来描述其是什么，而不是其外观。 例如，使用 class=”callout” 比使用 class=”big-and-red” 更语义化。 在这个例子中，class=†grid_12†描述了某个部分的特定大小，而不是它是什么（也许它是一个侧边栏？）。 这样做是为了使你的 CSS 具有未来可扩展性。 如果有一天，那个“大而红色”的项目实际上应该变小并且变绿，那么你的类名现在就完全不相关了，而如果它叫“callout”，那么你就可以正常使用了。
@Valamas：不幸的是，我不知道那是哪种字体，但它确实很不错！ 如果你找到了，请告诉我。
我非常喜欢所有使用脚本的教程。 我正在努力摆脱使用 Flash 构建网页。 那个 jQuery 标题真棒！ 如果我错了，请纠正我，但我所理解的是 jQuery 库比其他库更紧凑。 有人知道这方面的信息吗？
960 网格系统看起来很有趣，但似乎没有比 Blue Print 提供更多...
http://code.google.com/p/blueprintcss/
对于有兴趣的人来说，960 的标题使用的是 FF Meta 字体。 我很喜欢！