发个聊天室, 测试下, 有人喜欢这个风格么

2012-09-28 21:12:02 +08:00
 jiyinyiyong
心态不行啊.. 不放心还是放上来看看, 有没有同学中意的..

我心目中的聊天大概是这样的, 可以实时在上边聊, 可以设置话题
学了这么久 Node, 写得还是不太完善.. 测试了下没有台致命的 bug 了
求水..

VPS 上的也许有些人会被墙,,
http://s.jiyinyiyong.info/talkpage/page/
学校服务器上放的镜像...
http://s.zjut.in/talkpage/page/

还是 bug 的话只能看我土豆上的录屏~
http://www.tudou.com/programs/view/YbpYyJIQ3Uk/
3651 次点击
所在节点    分享创造
11 条回复
jiyinyiyong
2012-09-29 08:31:05 +08:00
补充:
快捷键 <tab> 左右切换, <pgup> <pgdown> 在聊天页面上下滚动,
页面目前只支持 Chrome,
头像请在右侧填写链接.
代码用 socket.io 和 CoffeeScript 写的 https://github.com/jiyinyiyong/talkpage

是交互太烂还是网络差打不开的啊, 没人喜欢...
cyr1l
2012-10-06 02:36:40 +08:00
不错。
kavi
2012-10-06 08:20:45 +08:00
挺喜欢的。
reorx
2012-10-06 12:02:15 +08:00
话题窗口应该在样式上稍作区分,以免与聊天窗口相混淆。比如可以在最上面写上 'Topic',字体颜色大小也突出一些。

输入框太小了;点击话题最好立即把焦点 focus 到 input 上。

给聊天消息增加一个时间,这是基本要素,不是吗?

右侧的设置栏可以增加一个确认按钮,即便在功能上不需要,也可以做成点击后收缩设置栏、聚焦到当前话题的输入框的效果,至少给人设置生效的感觉。

话说我也做过一个聊天室,抛砖引玉一下 :)

http://chatroom.reorx.com/
fwee
2012-10-06 12:17:49 +08:00
WP风格,不错
jiyinyiyong
2012-10-06 12:22:00 +08:00
@reorx 感谢建议.. 我当时想把功能演示出来, 细节还是漏了

Topic 列表是应该加以突出的, 我再看了下的确非常容易混淆

输入框的聚焦, 这个值得加, 我有做过聚焦, 在这个动作上漏了

时间在我之前的版本里是有的, 后来借鉴了 qivory 去掉了名字和时间
http://qivory.com/#topic/1/44
具体说是折叠到了 title 属性当中, 鼠标悬浮还是能看到对应服务器时间的
我的想法是, 我做的实时的聊天, 次要的元素影响界面多于实用, 隐藏更合适

设置栏因为最初的登录功能后来没做, 整个还要再去改一遍的, 尝试多加功能

楼上的聊天室觉得不错, 主要侧重点还是不一样的
bitsmix
2012-10-06 12:52:45 +08:00
头像完全可以用 gravatar 嘛。。
然后同步显示聊天内容这个事情……我不喜欢,太没安全感。
jiyinyiyong
2012-10-06 12:57:59 +08:00
@bitsmix 记得 Gravatar 是被墙的...

好像我的链接也被墙了.. 昨天都好好的
snjxiaojing
2012-10-06 14:51:31 +08:00
很漂亮啊
AdolfHitler
2012-10-06 22:14:10 +08:00
发表的地方几乎小的找不到啊。。。做大一点,其实整体很简洁,很不错
jiyinyiyong
2012-10-06 22:38:15 +08:00
@AdolfHitler 同意, 不过为了简洁砍得实在彻底了
改了一下, 把输入框的位置做得更明显了一点, 向上移动几个像素 :P

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

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

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

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

© 2021 V2EX