CSS-Tricks 编年史 III

本周有很多有趣的事情发生。

新设计已经发布。如果您对它有什么特别的意见，请在 发布线程 上进行讨论。 GitHub 上的错误.

发布期间最大的错误之一是，发布帖子会立即导致移动 WebKit 浏览器崩溃。 不好。 我创建了一些简化的测试用例来追踪问题。 确实崩溃。 不会崩溃。 在（真实的）iPhone 4s 上测试。 iPad 2 没有崩溃。 两种情况之间的区别？ 只少了一个注释列表项。 没有涉及 JavaScript。 可能是页面高度问题，或者只是 DOM 大小太大了？ 请求数量也可能？ 我需要做更多的研究，然后可能写一篇关于它的博客文章。

---

我要感谢 Pippin Williamson 在最后一刻给予的大力帮助，让他为 The Lodge 使用的插件 Restrict Content Pro 完美运行。

---

另一个发布错误是，我使用的图标字体在本地开发中运行良好，但在生产环境中，在 Firefox 和 IE 9 中停止工作。 这是因为我在生产网站上使用 CDN，而这些浏览器不允许跨域加载 @font-face 字体。 除非它们使用允许跨域加载的特殊头部信息。 在我的 .htaccess 文件中添加以下代码可以实现：

<FilesMatch "\.(woff|eot|svg|ttf)">
	Header set Access-Control-Allow-Origin *
</FilesMatch>

它成功了！ 谢天谢地，因为 NetDNA 尊重原始文件设置的头部信息。 NetDNA 做得好。

---

在 CodePen 上，我们发布了标签，使找到类似的 Pen 变得更容易，例如 使用 HTML5 canvas 的 Pen。 我们还支持 jQuery UI（它会加载 jQuery UI 及其基本样式表）。 添加第三方 JS 库也变得容易，因为我们在外部 JS 输入框中提供了自动完成功能，它由 CDNjs.com 的 URL 提供支持。 还有一些其他改进，在 这篇博文中 有详细介绍。 还有很多激动人心的新功能即将推出，迫不及待地想与大家分享。

---

我喜欢用户使用论坛 让其他人知道他们遇到的浏览器问题。 然后花时间回来报告更多发现和解决方案。