关于一个快捷键网站的思路和实现

前段时间,有个关于快捷键网站的思路。把想法发表在v2ex上,居然还有一众网友表示很支持。

示例
希望大概的网站界面长这样,通过图标在键盘的位置展示快捷键对应关系

想法是这样的,网站编辑或者网站用户可以新建关于某个软件的快捷键,然后网站就可以生成一张对应的键盘图。快捷键和键盘的映射关系存储在数据库,通过 div+css 渲染排版出快捷键在键盘上的样式。 网友可以搜索得到某一个软件的快捷键展示,可以评论或纠错,可以分享。 网站的赢利模式,一方面是靠流量,另外可以销售各快捷键的高清彩印图或其他定制品,也可以借助积分的方式如用积分下载桌面背景图。

比如vim的快捷键,或者PS啊各种软件的快捷键。

用sketchup画的一个键盘

自己想用3D弄一个示例,工作量比较大。现在只画了一个3D的键盘图。 

我简单用别人的代码改了一个键盘底图的demo,

临时网址[快捷键键位底图demo](涉及隐私,删除)

快捷键键位底图
第一版设计

如果要实现这个项目,还有很多路要走,包括:

  1. 设计软件快捷键和键位对应的数据库;
  2. 从数据库中查询指定软件的快捷键,并通过底图渲染成页面;
  3. 实现多用户协作功能(网站的定位是UGC模式,软件、快捷键由用户录入);
  4. 积分功能;
  5. 选择键盘模板并提交彩印订单的功能;
  6. 其他。

希望有兴趣的程序员加入,一起做这样一个开源的公益项目。

临时上线了一个,PC 端:
http://dashi.today,欢迎有兴趣的朋友一起来贡献代码

网站长这样:

目前的界面


Posted

in

by

Tags:

Comments

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注