Hotjar Insights 是一款网络应用程序，可帮助您了解网站访客。它将许多见解工具（您可能需要单独付费）整合到一个统一的平台中。热图可告诉您用户点击的位置。反馈表单。退出调查。调查。用户使用您网站的视频录制。一个招募人员为您进行用户测试的平台。实时聊天集成。漏斗分析。当然还有更多：）

如果您是设计师、UX 专家或从事网络营销，此工具将帮助您提升网站的用户体验（和转化率）。

如果您在 2014 年 8 月 30 日之前注册，即可获得 Hotjar Insights 的免费抢先体验。

MyFonts 销售您可以通过 @font-face 直接在您的网站上使用的字体。它们是一次性付费 – 无需订阅或定期付款。您可以根据需要托管文件，无需依赖任何第三方。不仅如此，您还可以免费试用您网站上的任何字体 30 天。

需要一些灵感？浏览 50 种最受欢迎的网络字体。

受 Mark Otto 关于GitHub 的 CSS 的介绍和 Ian Feather 关于Lonely Planet 的 CSS 的介绍的启发，我想加入这个讨论，并谈谈我们在 CodePen 中是如何使用 CSS 的。

当您更改 CSS 属性的值时，浏览器需要对您的更改做出反应。某些值会更改页面的布局。例如，width 的更改需要浏览器更新布局，然后“绘制”任何已更改的像素，然后将它们“合成”在一起。这是一项繁重的工作。某些 CSS 属性可以更经济地更改。例如，background-image 的更改不需要任何布局更改，但需要绘制和合成。

Paul Lewis 对哪些属性执行什么操作进行了所有研究。一个很好的参考，可以帮助您考虑可以进行哪些类型的更改，这些更改对浏览器来说很容易（因此很快），以及哪些类型的更改很困难（因此很慢）。

Dave Rupert 对自己的响应式网站进行了深入分析，以了解自己的现状，确定改进的地方，并评估响应式设计是导致网站膨胀的罪魁祸首这一观点。

Dave 说

预计 RWD 会增加约 10%

更新：更新。

Mark Otto 带领我们参观了 GitHub.com 的 CSS。阅读这样坦诚直率的文章真是太好了，包括所有优缺点。

这与我们在 CodePen 中做的事情有 90% 的相同。一个主要区别是，它们将所有 CSS 合并到两个文件中，并在所有页面上提供服务。我想，这样一来，一旦您访问了 GitHub.com 的任何页面，您就已经在浏览器缓存中保存了在那里所需的所有 CSS。我倾向于为所有地方使用一个 global.css 和一个 section.css，它利用浏览器缓存来处理大部分内容，同时保持每个页面的 CSS 总重量较低。

Andreas Bovens 汇总了这个关于<picture> / <img srcset> 的精彩食谱列表。有四种场景

• 我的图片大小是否会根据我的响应式设计规则而改变？
• 我想为高dpi屏幕进行优化吗？
• 我想为支持它们的浏览器提供不同mime类型的图片吗？
• 我想根据某些上下文因素提供不同的艺术作品吗？

然后 Andreas 分享了所有这些以及它们的任何组合的代码示例。

Mathias Bynens 是发现、调查和玩转 CSS 和 HTML 奇特（但通常有效）部分的大师。

Harry Roberts 在此处的总体观点是，尽可能降低选择器上的特异性。这项工作的最终结果是

1. 更多可重用的样式。
2. 当您需要覆盖该样式时，您有机会稍微提高该特异性，同时仍然保持可重用性，并且不会与自身冲突。

Alex Sexton 的一项巧妙工作，用于分析 CSS 并查找彼此非常接近的颜色，这些颜色可能应该合并在一起。您知道，为了提高效率和一致性。