更强的 V2EX 界面修改方案 v2ex.k 0.1.0 发布!!

2015-02-12 00:17:16 +08:00
 kokdemo

上周六晚上,我发布了 v2ex.k 的0.0.1版本,收到了很多的反馈和支持,这让我对这个项目充满信心。那个周末连续更新到了0.0.5版本。

但我希望这个项目可以做到更好。

经过几个晚上的加工,0.1.0版本终于定型。截至我写这个帖子的时候,已经达到了0.1.1版本,紧急修复了一个bug。

如果对v2ex.k 不太熟的同学可以先看一下原来的帖子: http://www.v2ex.com/t/169091

或者github主页: https://github.com/kokdemo/v2ex.k

或者直接安装一下试试: https://chrome.google.com/webstore/detail/v2exk/dnbmbhefokngmkalbdcgjdlgoppfhndn

特性

  1. 全新的界面颜色。
  2. 左侧导航栏。
  3. 快速阅读模式。
  4. 左侧显示通知条数。
  5. 自定义颜色设置。

6. 全键盘操作模式。

截图

观察力比较好的同学已经能看出一些端倪来了,主要修改的地方见下面的描述。


更新

2015.2.11:


帮助

  1. 使用快速阅读只需要点击列表中除了链接之外的空白即可。
  2. 右侧的快速阅读区域可以点击进入具体的帖子。
  3. 自定义颜色设置具体如下

<code>

.k_color_dark{
    background-color: #3C7300;/*主要导航条颜色*/
}

.k_color_light{
    background-color: #5CB000;/*次级导航条颜色*/
}

span a.node.k_color_node{
    background-color: #B9D998;/*小标签背景颜色*/
    color: #FFF;
}

td a.count_livid.k_color_count{
    background-color: #3C7300;/*回帖数目背景颜色*/
}   

#Wrapper.k_color_background{
    background-color: #E2F1D0;/*背景颜色*/
}

.k_color_hover:hover{
    background-color: #2980B9;/*导航条放置变色*/
}

.k_color_item{
    background-color: #FFF;/*列表项背景颜色*/
}

.k_color_item a:link,.k_color_item a:visited,.k_color_item a:active{
    color: #3C3B47; /*列表项文字颜色*/
    text-shadow: none;
}

.k_color_choosen{
    background-color: #eeeeee;/*被选择的列表项的背景颜色*/
}

#k_tabbar a.tab_current:link, #k_tabbar a.tab_current:visited, #k_tabbar a.tab_current:active{
    background-color: #505770; /*次级导航条被选中颜色*/
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}

</code>

4 . 全键盘使用:

For chrome

https://chrome.google.com/webstore/detail/v2exk/dnbmbhefokngmkalbdcgjdlgoppfhndn

感谢

首先要感谢V2EX Next项目 https://dribbble.com/shots/1355911-V2EX-Next 上一个版本的配色很受大家诟病,我将配色向next项目靠拢,果然好多了!

其次要感谢
@rainy3636
@loading
@romotc
@yrom
@vimutt
@233
@branchzero
@Jreen
@julijulilijuliju
@liwanglin12
@elvba 等同学的反馈,尤其是@branchzero反馈特别仔细;新的快速阅读的想法也是来自@elvba。

接着要感谢一下 @caoyue 制作的ff版本 https://github.com/caoyue/userjs/blob/master/v2ex.k.user.js

以及 @break 制作的衍生版本 https://github.com/jShi-git/purple-v2ex

我的思路和他的有很多相似的地方。


ps

写完帖子也有12点多了……希望大家能够用的开心!

还是那句话:

『用更好的UI开始新的一天。』

12000 次点击
所在节点    分享创造
103 条回复
alexapollo
2015-02-12 11:57:56 +08:00
不错,很印象笔记style
panxianhai
2015-02-12 12:36:52 +08:00
点击连接的时候,快速阅读也会触发,所以就卡顿了一下。
asca
2015-02-12 15:56:16 +08:00
油猴脚本 左侧也会显示铜币,而且很难看...
garth
2015-02-12 16:04:58 +08:00
@asca 哪里有 油猴脚本 ??
justfindu
2015-02-12 16:19:08 +08:00
我觉得快速阅读的快捷键使用 J和K
方向键不要绑定事件了... 在编辑状态方向键会回退 都不能够回退修改了 上下键习惯滑动 结果会从第一条开始快捷阅读
asca
2015-02-12 16:21:11 +08:00
@garth 贴子里的 Firefox 版就是油猴脚本啊
kokdemo
2015-02-12 16:30:50 +08:00
@justfindu 其实只要解决了在输入框情况下屏蔽快捷键功能就行
heliar
2015-02-12 16:34:00 +08:00
。。。还有在帖子列表中开启快速阅读模式后用上下方向键选择帖子时列表无法跟随滚动。。所以还是没法完全用键盘操作
kokdemo
2015-02-12 16:35:36 +08:00
@heliar 我在mac下都是ok的……这属于兼容性问题……我晚上处理一下
justfindu
2015-02-12 16:52:12 +08:00
但是始终觉得上下键是快速阅览还是不太妥...因为我不是mac用户的关系 喜欢上下键慢慢滚
jemyzhang
2015-02-12 16:53:21 +08:00
快速阅读模式,向下键,右边帖子内容会更新,但是左边列表滚动到底部后,不会继续往下滚动。
heliar
2015-02-12 17:03:19 +08:00
@kokdemo chrome 40.0.2214.111 m,win8.1这个环境。。
cwhong4399
2015-02-12 17:09:42 +08:00
为了这个,win和mac都转战chrome上v2ex了,支持
cwhong4399
2015-02-12 17:18:58 +08:00
更新后发现快速阅读不能看评论了,希望加上……
v2ex没有提供读取一个帖子回复的接口?之前的版本好像可以……
kokdemo
2015-02-12 17:48:43 +08:00
@jemyzhang 会继续往下滚动的……就是兼容问题没有正常显示。


@cwhong4399 感谢你的支持,我确实没有找到读取回复的借口。关于这两种模式,应该会有一个选项来切换。
Dukec
2015-02-12 19:20:26 +08:00
@kokdemo 建议给左侧图标加上个title值注释一下代表的含义。
tmacshuai
2015-02-12 19:38:09 +08:00
感觉好屌啊。。。
cwhong4399
2015-02-12 20:02:00 +08:00
@SharkIng 旧版插件在哪里?怎么恢复
est
2015-02-12 20:15:00 +08:00
好屌啊。。。什么licence啊。。。。。。我可以拿去抄袭么。。。。。。。。。。。。。。。。
blue7wings
2015-02-12 20:20:00 +08:00
不错不错,已用。。。

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

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

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

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

© 2021 V2EX