NetNewsWire 主题:固定

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

我非常喜欢 Google Reader。我将所有订阅都放在那里,就像拥有最长、最有趣的报纸一样。知道当人们构建所有这些 RSS 阅读应用程序时,它们本质上只是 Google Reader 的不同用户界面,这让我感到非常高兴。这样我们就可以使用很多不同的界面,但仍然可以为我们的订阅维护一个统一的中心。

Google Reader 的网页界面非常好。它们也有移动网页版本,也不错。但是,网页版 Google Reader 的一个小问题让我很恼火。 假设您找到一篇想阅读的文章……


步骤 1:按键:J-J-J-J,哦,不错,这篇文章看起来很有趣,我想读一下。

步骤 2:糟糕,文章突然去哪里了?哦,是的,它被推出了视野之外,因为我之前跳过的一篇文章现在加载到了它的上面。

是的,有一些解决方法。我可以切换到折叠视图。但这关乎原则。我特意跳过了上面的文章,并将焦点放在了一篇新文章上。在这一点上,焦点不应该因为任何原因被夺走。这种情况发生过很多次,我不得不放弃使用网页版 Google Reader。

在 iPhone 上,我使用专门的应用程序来阅读 RSS(我喜欢 BylineReeder)。我想,为什么不在桌面上也使用一个专门的应用程序呢?我有一个 朋友 非常喜欢 NetNewsWire,所以我一直在用它。它非常好。它有一个非常简单易用的界面。没有太多妨碍你的东西,但几乎包含了所有你需要的东西。我最喜欢的是它内置了一个网络浏览器,因此切换到网站阅读文章非常快速便捷。它在内部使用 WebKit 来实现这一点。

NetNewsWire 还支持主题。这是一个随附的主题


拜托,真的吗?

应用程序附带的主题并不特别令人印象深刻。首先,它们都是流体宽度。我对数字屏幕上的流体宽度最大的抱怨之一是,当调整屏幕时,通常唯一发生变化的是文本的行长。具有讽刺意味的是,在我看来,流体宽度布局中唯一不应该改变的是行长。

如果您打开应用程序包,您可以深入查找主题的存储位置。它们是具有以下扩展名的文件:.nnwstyle扩展名。然后,如果您显示这些文件的包内容,您可以看到它们的构建方式。它们实际上只是 HTML 和 CSS 文件。太棒了。


右键单击 > 显示包内容

固定

因此,我开始尝试构建自己的主题。我可能尝试了 5 个不同的想法,而且我仍然不太满意这个主题,但我打算先停止调整它一段时间,让它沉淀一下。如果其他人也是 NetNewsWire 用户并想尝试一下,或者以它为基础创建自己的主题,我将在这里分享它。

我称之为“固定”,因为

  • 它是固定宽度的。
  • 它有一个固定的页眉。
  • 它修复了我在订阅中发现的一些烦人的问题。

它看起来像这样

嘿,它并不多,但这正是重点。其目的是让它不碍事,并尽可能使文章易读且简洁。

功能

  • 标题很大且固定,因此您不会忘记正在阅读的内容,并且始终靠近指向其在网络上真实 URL 的链接。
  • 出于类似原因,源和其他元信息也固定在标题上方。
  • jQuery 加载到主题中,并以多种方式使用。
  • 行长固定为舒适的长度。
  • 图像被强制为块级并进行间距(某些网站将图像与文本内联,这会导致 RSS 上出现奇怪的布局问题)
  • 通过在最后两个单词之间插入一个不换行空格来防止文章标题中的孤行 例如这样

  • 嵌入的视频(或来自任何来源的任何嵌入内容)被强制为与行长相同的宽度。
  • iframe 已删除。订阅中的 Google 广告会通过 iframe 传递,因此这些广告已删除。我想不出在 RSS 中使用 iframe 的任何真正正当的用途。
  • Tweetmeme/ReTweet 按钮已删除。
  • 任何非常小的图像(高度和宽度均小于 30px)或与 FeedBurner 相关的图像都会被删除。这删除了许多订阅末尾的大量垃圾,包括看到无数的“分享”按钮或 FeedBurner 垃圾。

下载文件

我认为您可以从桌面上双击它,假设您已安装 NetNewsWire,它会将其安装为主题。

关于 NetNewsWire 唯一不满的是:它显示“已标记”而不是“已加星标”,我们不能只使用“已加星标”并保持一致吗?但更糟糕的是,您无法“分享”内容,这 是我喜欢做的事情。不过,它确实支持 DeliciousInstapaper,这很棒。