keyboard shortcut image generator (v0.5)

View Website

Addon - Keyboard Keys Highlighter Link

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

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)