Typing Proof of Concept

Early last year I made a proof of concept for a kid-focused learn-to-type platform that involved an image-free interactive keyboard. The keyboard is made entirely in CSS and the hands are SVG. The keyboard is (obviously) designed after Apple's wireless bluetooth keyboard and the hands are modeled after @Jason Vanlue's glorious digits.

Live Demo: http://codepen.io/tdikun/full/byLfc/
(Pro-tip: If you type different keys on your keyboard, the corresponding parts on the demo illuminate.)

Note: I'm not a good front-ender, so I know that there is a delay with the fingers changing color. I couldn't get the SVG to animate properly and it simply wasn't a priority for the POC.

Posted on Jan 20, 2015

More by Envy Labs

View profile