写了一个报纸样式的 RSS 阅读器

2021-09-19 09:35:27 +08:00
 RenzHoly

📰 FEEDPAPER

支持自定义数据源和网页元素过滤规则,欢迎体验!

(用某些手机浏览器打不开,可能是内存不够导致的

6390 次点击
所在节点    分享创造
23 条回复
pheyer
2021-09-19 10:05:40 +08:00
看着有点拥挤的样子
wolfan
2021-09-19 11:33:32 +08:00
就是感觉那有点怪。
emmmmmmmmm
字体效果看看。
Vegetable
2021-09-19 11:38:40 +08:00
这个算不上报纸样式,只能算报纸配色。
报纸的样式首先是主次分明,天然就可以通过篇幅给人一种「这个是重要内容」的感觉。

报纸在实际阅读的时候是可以折叠的,所以不存在角落内容阅读困难的问题,但是在显示器上必须要考虑

另外,报纸不一定是黑白的...
keith1126
2021-09-19 16:22:03 +08:00
楼主看上去很久没读过报纸了……甚至连杂志估计都没怎么读 😂 因为报刊杂志根本就不长这样
dusu
2021-09-19 17:48:23 +08:00
ios 14 滑动页面不丝滑 而且抖动 严重影响阅读
wjx0912
2021-09-19 21:38:34 +08:00
还别说,真有种读报纸的感觉
RenzHoly
2021-09-20 08:07:21 +08:00
@dusu 修好了
RenzHoly
2021-09-20 08:54:48 +08:00
@Vegetable 逐条回复:
- 从技术的角度来说,我对 HTML 进行了处理,并调整了 CSS,选择了合适的字体,并不仅仅是搞了个配色这么简单。
- 不认同“通过篇幅给人一种「这个是重要内容」的感觉”是报纸样式的首要优点,我想做的反而是不故意勾引视觉。
- 今天加上了在文末点击滚动回文首的功能。
- 这条太杠了,那我只能回杠:你没仔细看,我用的是 grayscale(10%),保留了一点色彩,不是黑白的。
AX5N
2021-09-20 10:01:36 +08:00
我觉得还不错,挺好玩的,就是实用性不高。比如同一水平位置上有 2 篇文章感兴趣,但一篇是长文,读完左边那篇右边那篇都不知道飞哪去了。
AX5N
2021-09-20 10:02:50 +08:00
@AX5N 又或者是先看到左边那篇文章,读完之后右边的内容会被忽略掉一大堆。
RenzHoly
2021-09-20 10:28:56 +08:00
@AX5N 没太理解,同一水平(横向)位置只有一篇文章呀?
sbilly
2021-09-20 10:56:12 +08:00
觉得不错~ 不过:
1. 分栏太多,至少不是中文的阅读习惯。感觉只有广告版才这样。。。
2. 没有索引,对于 RSS 多一点的简直是灾难
RenzHoly
2021-09-20 11:32:23 +08:00
@sbilly 感谢反馈!
报纸就是多栏的呀,不只是广告版。如果是觉得换行太频繁,可以考虑加一个调整栏宽度的功能。
索引这方面我打算加一个按时间索引的功能,但应该不会有按某个 RSS 进行筛选的功能。
PeacePeach
2021-09-20 11:56:02 +08:00
还挺有意思的,虽然有些小问题。
yky80
2021-09-20 17:20:22 +08:00
请问怎么导入其它 RSS 订阅源...找不到入口 谢谢
RenzHoly
2021-09-21 00:13:43 +08:00
@yky80 目前还没有办法可以直接导入,需要一条一条输入: https://feedpaper.app/playground
nanxiaobei
2021-09-21 03:57:10 +08:00
不错,挺有意思的!
2i2Re2PLMaDnghL
2021-09-21 17:16:44 +08:00
请 word-break: break-word
像是 a
nd 和 opt
ions 这样的断行会造成阅读困难,而 Is
sues 和 p
roperties 这样的断行是灾难。超链接和 <code> 中建议干脆禁止自动折断单词。

超链接缺乏视觉提示,请不要去掉下划线

每个分栏的高度不应超过一屏,否则需要上下反复滚动。
但文字内容量放在那儿,可以考虑以下之一 1. 超过的部分换页重新从最左侧起头; 2. 干脆撤销纵向滚动,仅允许横向滚动。
RenzHoly
2021-09-21 20:36:16 +08:00
@2i2Re2PLMaDnghL 感谢反馈!这四个方案都考虑过,但其中三个方案最终没有选择
- break-world:每一栏的左右需要对齐,如果使用 break-word,有些行就会很稀疏。现在用的办法是 hyphens: auto,有些词会在行末有连字符“-”,但有些单词又不会加,我还不知道浏览器的判断规则是什么样的。
- 超链接缺乏视觉提示:因为报纸正文一般没有下划线,为了模拟报纸效果,故意去掉的下划线,仅有一点颜色差异。
- 每个分栏的高度不应超过一屏:
- 超过的部分换页重新从最左侧起头:这个方案我打算试试,还没实现。
- 仅允许横向滚动:试过,不好用。而且并没有解决反复滚动的问题,仅仅是从反复上下滚动变成了反复左右滚动。
- 目前使用的折衷方案:把鼠标移动到每个文章的最下面,会出现可以点击的 bottom bar,点一下回到文章开头。
2i2Re2PLMaDnghL
2021-09-22 09:46:38 +08:00
@RenzHoly
1. Firefox 下没问题,Edge 和 Chromium 下发现这样设置会拒绝任何断词,这个问题需要仔细考虑一下。不过变得稀疏是 justify 的 feature,英语报纸本来就这样。计算机进入新时代,屏幕分辨率空前地高但屏幕宽度空前地低,Unicode/UTF-8 兼容性已经堪用,同等信息占用宽度低且断行更随意的 CJK 字符有极高的优势。
2. 因为报纸上从来没有超链接,所以也应当采用从未出现过的视觉装饰。
3. 不需要反复左右滚动,下一篇文章在上一篇文章的右侧,干脆取消任何上下滚动。
3.1. 目前缺乏视觉信息指示当前文章完结,对于 Chromium 更新这种带上大量历史记录导致其非常长的,我想跳到下一篇的话就比较麻烦。

4. 表格排版炸了……

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/802888

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX