是时候深入代码片段区域了！也就是说，它的实际内容区域。我们已经有了标题。代码片段区域非常受欢迎。虽然没有深入分析，但我从社交媒体和现实生活中的人们那里了解到，他们在这个区域找到了很多有用的东西。
在 v9 中，一个非常常见且合法的批评是它难以浏览。它是一个色彩丰富的手风琴，每个代码片段都是一个“气泡链接”（缺乏更好的描述），与该代码片段子部分的主要颜色相匹配。更糟糕的是，它们是右对齐的，我认为这将是一种整洁的方式，可以为它们提供一些空间并让眼睛四处跳动，但最终看起来很奇怪而且很乱。
让我们在这里赎回自己，让代码片段区域更容易浏览。尽管，同样，大多数内容是通过搜索找到的。不过，不妨让它便于浏览。
我们立即决定不在内容区域中放置搜索字段。过去曾经有，但这是一个重新设计，我们决定将搜索整合到一个区域。一旦你学会了如何使用搜索，你就会永远知道它是如何工作的。
对于设计，我们采用两列模式。左侧是主要代码片段类别，每个类别都有独特的颜色。彩虹时间！我们浏览我们自己的图库以获取灵感。
右列将简单地列出该类别中的代码片段。简单易浏览。很像页脚链接。人们知道如何扫描和使用链接列表。这是最完美的简单设计模式。
不过，我们也对一些设计决策进行了尝试。链接应该与部分颜色匹配，还是应该保持灰色？我们应该用主色调的淡化版本对链接进行“斑马条纹”吗？我们应该包含发布日期或更新日期，还是两者都不包含？这些都是有趣且重要的需要考虑的问题，但我们总可以在进入浏览器并使用真实数据时做出这些决策。