Show Keys

See your key presses in your browser while you type

1 follower

See your key presses in your browser while you type

1 follower

Visit website

Show Keys is a utility to show key presses on your Browser. And that's it. It just does that one thing.

Free

Launch tags:Chrome Extensions•Design Tools•Developer Tools

Launch Team

AWS Startup AdvisorPersonalized AWS guidance that meets you where you’re already building

Promoted

CouponHub

Maker

A week back, I came across a piece of code by Siddharth (https://twitter.com/siddharthkp) on Twitter that you can paste on your console or import as a package on your site to visualize key presses. While good, that solution was not scalable. What if I am teaching a tutorial and I want to show the keys I am pressing, especially when I need to show a keyboard shortcut. Show Keys helps you easily toggle showing your keypresses, with zero post-production. If you are recording your next tutorial or video, this is your thing. What does the extension offer? ➡️ Persistence. Across tabs and page reloads ➡️ Toggle on or off. ➡️ Key theme to match your System Preferences And as @sal_iozzia pointed out, these would be helpful in conducting accessibility tests too. Especially if you want to research the usage of keyboard shortcuts. Here is the link to tweet that kicked it all off - https://twitter.com/zehf/status/...

Report

5yr ago

Show Keys

Maker

Hi I'm Sid. I made the javascript package under this, I was in turn inspired by Keystroke Pro, a mac app (https://www.ixeau.com/keystroke-pro). You can clearly see the similarity in styles :)

Report

5yr ago

This is also great for user testing, and especially accessibility user testing, when your users are more experienced at keyboard shortcuts then you are, so you need to learn what strategies they use to overcome your inaccessible website.

Report

5yr ago

CouponHub

Maker

Hey @sal_iozzia, thanks a ton for the feedback. This is a use case I had not thought about, and yup, would be super useful to test accessibility. Now I wonder if there are other significant use cases too!

Report

5yr ago

Awesome idea! Especially during a time like now where we're all going digital, being able to visualize key presses is a game changer. Plus the simplicity of it all is great

Report

5yr ago

CouponHub

Maker

Thanks @jankevdvyver

Report

5yr ago

Product Hunt

From the description: "And that's it. It just does that one thing." Appreciate that. :)

Report

5yr ago

CouponHub

Maker

@rrhoover Thanks a lot. This is the peak of my side project career. And thanks for building PH!

Report

5yr ago

Any plan to port extension to safari?

Report

5yr ago

CouponHub

Maker

Hey @tavleensingh, that's a really good suggestion. I initially had the plan, would try to do this soonish. However, the Project is open sourced. Anyone can pick up the code and port it to Safari.

Report

5yr ago