欢迎访问LCE的博客,为你分享产品、技术、设计方面的作品实践和心得。

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

产品 lce 8个月前 (10-07) 312次浏览 已收录 0个评论 扫描二维码
关于一个快捷键网站的思路和实现

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

关于一个快捷键网站的思路和实现
希望大概的网站界面长这样,通过图标在键盘的位置展示快捷键对应关系

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

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

关于一个快捷键网站的思路和实现
用 sketchup 画的一个键盘

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

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

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

关于一个快捷键网站的思路和实现
第一版设计

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

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

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

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

网站长这样:

关于一个快捷键网站的思路和实现
目前的界面


LCE的博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:关于一个快捷键网站的思路和实现
喜欢 (0)
[liuchn@vip.qq.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址