You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
Go to file
Ian Prest 824707f776 Major refactoring of the keycap rendering to HTML
-- 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 Major refactoring of the keycap rendering to HTML 9 years ago
font-src Added 'NN' to the SP ABS palette. 11 years ago
fonts Updated to latest Bootstrap (v3.3.5) 9 years ago
js Major refactoring of the keycap rendering to HTML 9 years ago
samples Updated "Retro DSA" sample to use new HOMING checkbox 9 years ago
.gitignore Major refactoring of the keycap rendering to HTML 9 years ago
CHANGELOG.md Bumped version t v0.12; updated CHANGELOG 9 years ago
CONTRIB.md Major refactoring of the keycap rendering to HTML 9 years ago
LICENSE.md Split readme into several files; added LICENSE.md 9 years ago
Makefile Added 'NN' to the SP ABS palette. 11 years ago
README.md Split readme into several files; added LICENSE.md 9 years ago
colors.json Added YBX color to "Signature Plastics / PBT" palette 9 years ago
deploy.bat Reformatted the deploy script to be easier to read. 11 years ago
extensions.js Started implementation of rotated-cluster support. 11 years ago
favicon.ico Added Favicon 9 years ago
jsonl.grammar.js Switched to new JSONL parser 11 years ago
kb.css Major refactoring of the keycap rendering to HTML 9 years ago
kb.html Major refactoring of the keycap rendering to HTML 9 years ago
kb.js Major refactoring of the keycap rendering to HTML 9 years ago
kb.sublime-project Major refactoring of the keycap rendering to HTML 9 years ago
keys.json Added a center-stepped key to the "add key" menu. 11 years ago
layouts.json Rearrange some of the presets. 9 years ago
nub.png Major refactoring of the keycap rendering to HTML 9 years ago
render.js Major refactoring of the keycap rendering to HTML 9 years ago
serial.js Fixed tiny serialization issue 9 years ago
sign-policy.py Can now SAVE layouts to the server. 11 years ago
test.html Refactored the serialization code to make it easier to maintain. 11 years ago
upload-policy.txt Can now SAVE layouts to the server. 11 years ago
utils.js Can now set different colors for each text label on a keycap. 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).