keyboard-shortcut-image-generator

KO | EN

gitlite — search

#hacktoberfest #ai #llm #golang #deep-learning #docker #nodejs #java #windows #awesome #cli #vue #security #ios

keyboard-shortcut-image-generator

(★ 77)

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

keyboard-shortcut-image-generator Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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/)
<img src="https://github.com/monsterbrain/keyboard-shortcut-image-generator/assets/10105094/4d3e4ba5-59bd-46a8-8577-ee18d3f8a8ab" width="480">

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 <a href="https://github.com/eKoopmans/html2canvas">fork</a>]
 - 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 <a href="https://github.com/GustavoA95">Gustavo Alberto</a>
## 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
 - <a href="https://github.com/alexis-">Alex Incognito</a>
 - <a href="https://github.com/GustavoA95">Gustavo Alberto</a>
 - 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)

keyboard-shortcut-image-generator

keyboard-shortcut-image-generator Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

keyboard-shortcut-image-generator

keyboard-shortcut-image-generator Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README