🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Keymap is a lightweight plugin for jQuery that creates a virtual keyboard on you web page to display the keybindings of your project.

Keyboard Shortcuts

Documentation

#Keymap

Create your own keymap to display the keybinings of your software with jQuery.

##Version 2.0.0

Introducing second and third levels of keyboards to keymap. Allows to display additional information such as {, } or @.

##Installation/Quickstart

  • Download the zip file and unzip it.
  • Include keymap.js and keymap.css
<!--     Include Keymap --> <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="keymap.js"></script> <link href=keymap.css" rel="stylesheet">
  • Initiate the plugin
$(document).ready(function(){     $.getJSON('layouts/qwerty.json', function(json){         $('.keymap').keymap({"css": {"key": {"background": "white", "color": "black"}}});         $('.shortcut').createShortcut('.keymap', ["ctrl", "s"], {}, ":first");     }); });
  • For more details: Check the wiki

##Examples

Example #####Live preview on Andrano.de

##Contribute You want to contribute a new layout or some fixes create a pull request or send an email to andranode[at]gmail.com


You May Also Like