这篇文章很难读懂。

计算机是我们骗过才会思考的矩形

你真的都看到这里了吗？

但为什么呢😬

我无意针对Dev。我挺喜欢Dev的。

我一直潜水，之前只在这里发过一个帖子，但相信我，我们是最好的朋友。

但这篇文章读起来很费劲。作为一个主要靠阅读为主的人，你应该能理解这可能会影响我们之间的友谊。

计算机是我们骗过才会思考的矩形

在设计要在互联网上阅读的文章时，我们会遇到一个与电脑相关的根本性问题。我们的屏幕是矩形的。尤其是笔记本电脑屏幕，它们是方向错误的矩形。

我们不可能都像办公室里那些为了编写重要代码而使用竖屏显示器的人一样。

网站设计的一部分工作是确定矩形的旋转方向。最简单的办法是问问手机用户会使用哪种方向的窗口。

如果有人真的费尽心思关闭手机的旋转锁定功能，以便你的网站可以横向显示，那么你或许也可以做一个以横向为主的网站。

YouTube 可以是一个横向网站，但 GitHub 需要是一个纵向网站。这是因为 GitHub 的主要目的是阅读。

Dev 非常需要像 Childish Gambino 那样来个“翻手机”的经典时刻。

你真的都看到这里了吗？

如果你这样做了，那是因为你的思维模式认为 Dev 上的内容是从上到下组织的。作为读者，你的任务是向下滚动找到其余内容。

但桌面屏幕的朝向意味着我们拥有宽广的周边视野，却缺乏深度感知。作为设计师，我们需要通过移除视觉通道上下方的任何其他障碍物来弥补这一缺陷。

浏览器书签和我未使用的 Macbook 触控栏之间任何非内容的东西都需要删除。

就是上面那个搜索栏吗？

是的，它必须停止跟着你。

.top-bar {
  position: absolute
}

你知道怎么搜索。你进门的时候就看到搜索栏了！你不会弄丢的吧？

开发者，没关系。他们不会失去搜索栏的。

那么，右上角的信息应该放在哪里呢？

那个“写帖子”按钮和其他功能？都很简单。

把它放在……中.primary-sticky-nav。它仍然可以跟随用户，所以你只需点击一下即可发布关于date.Now()……的新 CSS in JS 解决方案的信息。

还有底部那个操作栏？

我想你知道的。

至少，它不应该出现在主要的阅读垂直通道上。如果非要让它跟着我们，那就放在旁边。Medium 在这方面就做得很好。

否则，我们应该把它放在文章底部，与其他操作放在一起，或许还可以在 HTML 顺序中将其向上移动几行。

.article-actions {
  position: absolute;
}

但为什么呢😬

Dev.to 不应该只是一个普通的网站。它有潜力成为一个优秀的资源平台，产出精彩的文章，并激励整整一代程序员。

但目前，Dev正在回避读者，这让我们很难继续保持最好的朋友关系。