824707f776
-- Generating HTML with a doT.js template function; hopefully easier to maintain. -- More of the parameters refactored into the JS code, rather than relying on being in the CSS; benefit => those parameters are available when I do SVG rendering. -- Also, now using Stylus to compile & minify CSS, and auto-inline small images (Sublime project describes how to compile). |
9 years ago | |
---|---|---|
css | 9 years ago | |
font-src | 11 years ago | |
fonts | 9 years ago | |
js | 9 years ago | |
samples | 9 years ago | |
.gitignore | 9 years ago | |
CHANGELOG.md | 9 years ago | |
CONTRIB.md | 9 years ago | |
LICENSE.md | 9 years ago | |
Makefile | 11 years ago | |
README.md | 9 years ago | |
colors.json | 9 years ago | |
deploy.bat | 11 years ago | |
extensions.js | 11 years ago | |
favicon.ico | 9 years ago | |
jsonl.grammar.js | 11 years ago | |
kb.css | 9 years ago | |
kb.html | 9 years ago | |
kb.js | 9 years ago | |
kb.sublime-project | 9 years ago | |
keys.json | 11 years ago | |
layouts.json | 9 years ago | |
nub.png | 9 years ago | |
render.js | 9 years ago | |
serial.js | 9 years ago | |
sign-policy.py | 11 years ago | |
test.html | 11 years ago | |
upload-policy.txt | 11 years ago | |
utils.js | 9 years ago |
README.md
keyboard-layout-editor
Keyboard-layout-editor.com is a web application that enables the editing of keyboard-layouts, i.e., the position and appearance of each physical key.
The motivation for creating this application was a custom keyboard I was designing. I wanted to be able to experiment quickly with different possible layouts and visualize them easily. The existing graphics tools were capable enough, but cumbersome to use for this specific task.
As I sank further into the keyboard-enthusiast scene, I became aware of custom keycap sets that were being created by and for other enthusiasts. The ability to specify various details of the visual-appearance of the keycaps is an attempt to render these custom keycap sets as accurately as possible (within the constraints of HTML/CSS).