I couldn't find a simple way to do screenshots and animated gifs of shortcut combinations, so I adapated an adaption of the css-keyboard project.
CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
js
.gitignore
README.md
index.html

README.md

I couldn't find a simple way to do screenshots and animated gifs of shortcut combinations, so I adapated an adaption of the css-keyboard project.

Demo

Authors:

  • Dustin Cartwright - Primary CSS and HTML.
  • Dustin Hoffman - Javascript to animate keypresses.
  • Cameron Little - Javascript to type by clicking the keys on the onscreen keyboard. Small bit of CSS to make a light on the caps lock key.
  • Ian Fitzpatrick - Styling changes to make keypresses much more visible. Prevent scrolling on arrow keys/space bar. Added options to supress animation of left/right shift and option keys, which browsers can't differentiate.