设计 v9

推出了一款新的设计！许多人对它在上次设计之后这么快就发布感到惊讶，但实际上它已经 大约 8 个月了，对于这个网站来说，这算比较正常的更新频率，不过也稍微慢了一些。我更新了 设计历史 页面，以确保其持久性。

新版 (v9)

旧版 (v8)

一些说明

只是为了好玩

设计背后没有宏大的计划。主要是我觉得它会很有趣。这有点像我的风格。尽管……网站的一些新区域即将推出，这将有助于推动这些区域的开发。

字体

我坚持使用 Myriad（我非常喜欢它作为正文字体）和 Kulturista，两者均通过 Typekit 使用。不过我希望尽快用 Whitney 和 Vitesse 替换它们，一旦 HF&J 网页字体服务推出。

响应式

旧版设计使用了媒体查询，但新版更接近“响应式”，因为它也是流动的，这意味着它可能在许多我甚至没有计划过的设备上都能正常运行。例如，我甚至没有在 iPad 上测试过它，但我听说它运行良好。我还为一些元素添加了一些过渡效果，因此当媒体查询命中并更改这些值时，它们会动画过渡到新的位置/大小。我使用了三个有点奇怪的断点。默认断点适用于 1200px 以上的浏览器（我的大部分流量来自这里），第一个断点是 1200px。然后在 1024px 和 860px（基本上是移动版本）处再次断开。

IE 支持

设计在 IE 8+ 中可以正常显示。目前在 IE 6 和 IE 7 中显示效果很糟糕。我计划在有空的时候修复 IE 7，并为 IE 6 提供 通用的 IE 6 样式表。

使用到的工具

• 网站运行在 WordPress 上。现在还运行着 Yoast 的 SEO 插件。
• 论坛运行在 Vanilla 上。
• 字体由 Typekit 提供。
• 搜索由 Google 自定义搜索 提供。您终于可以使用后退按钮返回搜索结果了！
• 广告由 BuySellAds 提供。
• jQuery 用于执行操作。例如，侧边栏订阅区域中的更多选项/更少选项。
• Respond.js 用于使媒体查询在 IE 6-8-9 中生效。
• Modernizr 用于更简洁地有条件地应用某些样式。例如，在使用渐变悬停效果的地方，为 IE 7-8-9 做一些其他处理。

敬请期待更多即将推出的内容！