https://monsterbrain.github.io/keyboard-shortcut-image-generator/

Quickly Create Keyboard shortcut images. Also generate embed codes (wip)
https://monsterbrain.github.io/keyboard-shortcut-image-generator/

embed generator keyboard keyboard-shortcuts shortcuts

Last synced: 3 months ago
JSON representation

Quickly Create Keyboard shortcut images. Also generate embed codes (wip)

• Host: GitHub
• URL: https://monsterbrain.github.io/keyboard-shortcut-image-generator/
• Owner: monsterbrain
• License: mit
• Created: 2019-02-25T09:15:03.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-03-24T02:20:25.000Z (8 months ago)
• Last Synced: 2024-06-25T19:02:07.764Z (5 months ago)
• Topics: embed, generator, keyboard, keyboard-shortcuts, shortcuts
• Language: JavaScript
• Homepage: https://monsterbrain.github.io/keyboard-shortcut-image-generator/
• Size: 331 KB
• Stars: 27
• Watchers: 1
• Forks: 5
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-random-stuff - Key-Short-Image - Keyboard Shortcut Image Generator (Uncategorized / Uncategorized)

README

        
# keyboard shortcut image generator (v0.5)

## [View Website](https://monsterbrain.github.io/keyboard-shortcut-image-generator)



## Addon - Keyboard Keys Highlighter [Link](https://monsterbrain.github.io/keyboard-shortcut-previewer/)



This is an addon tool to generate KEYBOARD image with shortcut keys highlighted. 

Check it out and let me know if you have any suggestions.

## [Check it out here](https://monsterbrain.github.io/keyboard-shortcut-previewer/)

## Features

 - Image generation

 - Keystrokes converted to keys

 - Output image size selection

 - add Multiple Button Styles (todo)

 - options to add Spacebar (todo)

 - able to copy css and markup (todo)

## update v0.5

 - improved image output quality using modified version of html2canvas [thanks to eKoopman's fork]

 - image output size can be selected [based on size factor of image generated though]

 

## update v0.4

 - added icons for mac shortcuts (like options, cmd etc) Thanks Gustavo Alberto

## update v0.3

 - added download button

 - download png file with file format kbs_ctrl_x.png

 - added control, alt button similar to windows button

## update v0.2

 - image generated is shown in same page

 - toggle meta/windows/cmd key added

 - space bar key added

## contributors

 - Alex Incognito

 - Gustavo Alberto

 - uses keyboard keys-css -https://github.com/alanclarke/keyboard-keys

 

 ## Contributions are welcome

 - Mainly regarding better coding style (it's getting messier every day i guess)

 - Multiple key styles

 - html markup copy

 - Full keyboard visualization of Keyboard shortcuts (i am planning to)