Skip to content

empty369/-

 
 

Repository files navigation

Website GitHub

Version 2 Coming soon!

Keyboard Shortcut Map Maker

This is a website tool for creating a visual map/image of keyboard shortcuts or keybindings.

It originally started as a tool to generate help pages for my ahk-scripts project.

Note: A single file version of this website for easier local use can be found in the releases page.


Features:

  • Saving and loading using html files.
  • Saving to a png file.
  • Styling for printing.
  • Adding infinite keyboards.
  • Adding infinite sections.
  • Renaming keyboards and sections.
  • Re-ordering the list of keyboards and sections.
  • Multiple colour options.

Planned Features:

  • Adding key chord tables/sections.
  • Collapsable notes section for each keyboard.
  • Custom colours.
  • Full control over key text.
  • Different keyboard layouts.
  • One HTML file version of the site.
  • Better styling + more key animations.
  • Code refactor and clean-up.
  • Collapsable sections.
  • Keyboard control.

Known Issues:

  • Cannot reload same file without loading another in-between.
    • Caused by load function being called on input file change.

 

Images

A keyboard with the key text being its keyboard shortcut function.

Dependencies

dom-to-image
file-saver

Contributing

If you would like to improve upon this project and feel welcome to submit a pull request.

Acknowledgments

Keyboard inspiration: Guido Torres

About

该网站是一个用于生成键盘快捷键或应用程序键绑定的视觉图像的工具。

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages

  • HTML 74.0%
  • CSS 15.1%
  • JavaScript 10.9%