⌨️ An ACTUAL typewriter (that auto types and is interactive too!) 🤯
GrahamTheDev
Posted on September 11, 2021
A bit late to the party but here is my silly entry for the typewriter wars!
And unlike everyone else...I built a typewriter!
warning: This will not be very accessible for screen reader users I am afraid.
It is a little rough around the edges and way better on a PC, but it works and it will do for a quick idea (I say quick, it took ages!).
It is interactive
Once the initial animation has played you can use it just like a typewriter! You may have to click on the typewriter to focus the fiddle.
on mobile: there is an input you can focus to bring the keyboard up.
What no tutorial this time?
Nope, there is not a single piece of code here that I would want you to use in the real world!
However I have taken the time to make sure that the key movements actually correspond to the keys on your keyboard, so I hope that you can forgive the shoddy code in exchange for the eternity that it took me to label up all the parts of the SVG!
Anyway, just have fun with it and at least I joined the fight, even if it was late!
Posted on September 11, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.