Web Typist
Online touch-typing tutor.
Live Version
https://fabi1cazenave.github.io/webtypist/
Technically outdated (works with IE6!) but still working. It should be on par with KTouch.
V2 Preview (work in progress)
https://fabi1cazenave.github.io/webtypist/v2/
This version is built on the x-keyboard component, which brings two new features:
- dead keys are properly detected, and visual hints are displayed to help mastering these dead keys — this is especially useful with Latin languages (French, Italian, Spanish, Portuguese, Romanian…) or with some keyboard layouts such as Qwerty-intl;
- keyboard layouts can be fully emulated — you can try a new layout without installing it on your computer.
This newer version relies on the following web standards:
- ES6 classes & modules;
- web components: custom elements + shadow DOM + HTML templates;
- KeyboardEvent’s experimental code property for the keyboard emulation.
Nowadays, this means it should work with any browser except IE and Edge. As Microsoft is deprecating IE and switching Edge to the Blink engine, all desktop browsers should be supported soon. Until then, the V1 is still there.
Typing Lessons
Both V1 and V2 use KTouch lecture files. Please refer to the documentation.
If you contribute a lesson here, please consider submitting it to the KTouch project as well (and vice-versa).
Keyboard Layouts
The V2 uses Kalamine keyboard layouts. This keyboard layout manager makes it easy to handle dead keys and/or an AltGr layer, and generates drivers for Windows, MacOSX and Linux — along with a JSON output that is parsed by WebTypist.
The V1 uses a specific XML format that I don’t intend to keep.
Credits
This project reuses KTouch’s lessons and some Klavaro visuals.