keyboard-shortcut-image-generator icon indicating copy to clipboard operation
keyboard-shortcut-image-generator copied to clipboard

Place of shortcut places visualization

Open EduCoderPL opened this issue 1 year ago • 4 comments

It would be useful for some educational videos if you create some feature that allows visualize where you can find keys from shortcuts on your keyboard.

Something like: transparent graphic with keyboard scheme and enlighted keys from shortcut. P.s. very useful tool :)

EduCoderPL avatar Sep 26 '23 21:09 EduCoderPL

Thanks for the feedback. @AMFeniksPL

I didn't quite understood what you meant. Let me confirm.

You mean like a whole keyboard, with just the short cut keys highlighted (other keys in disabled mode) ..

It's a cool suggestion.

monsterbrain avatar Sep 27 '23 02:09 monsterbrain

Thanks for the feedback. @AMFeniksPL

I didn't quite understood what you meant. Let me confirm.

You mean like a whole keyboard, with just the short cut keys highlighted (other keys in disabled mode) ..

It's a cool suggestion.

Yea, exactly :)

I had some teaching experience with children and I think this feature could be useful for beginners on using computers

EduCoderPL avatar Sep 27 '23 06:09 EduCoderPL

@AMFeniksPL - Thanks for the idea. I have setup a QUICK and dirty sample idea here :

https://monsterbrain.github.io/keyboard-shortcut-previewer/

Hope it will be useful for people to come.

monsterbrain avatar Oct 01 '23 16:10 monsterbrain

@monsterbrain Very nice, Bro :) At this moment it looks cool and it can be very useful :) If you are looking some ideas to improve this feature, I can suggest:

  1. export result as .png image with transparent background;
  2. add another themes. One idea I have looks like:
  • unsigned buttons: semi transparent (highlighted borders, transparent body);
  • signed buttons: zero transparency;

Then you can create graphics, where you can better expose keys from shortcut and only give little advice, where to find it in keyboard;

Very great job, bro 👍

EduCoderPL avatar Oct 01 '23 16:10 EduCoderPL