https://github.com/ijprest/keyboard-layout-editor

Web application to enable the design & editing of keyboard layouts
https://github.com/ijprest/keyboard-layout-editor

Last synced: 30 minutes ago
JSON representation

Web application to enable the design & editing of keyboard layouts

• Host: GitHub
• URL: https://github.com/ijprest/keyboard-layout-editor
• Owner: ijprest
• License: other
• Created: 2013-09-26T00:12:15.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2024-09-17T01:15:06.000Z (3 months ago)
• Last Synced: 2024-11-28T07:06:15.729Z (14 days ago)
• Language: JavaScript
• Homepage: http://www.keyboard-layout-editor.com/
• Size: 68 MB
• Stars: 1,325
• Watchers: 41
• Forks: 246
• Open Issues: 169
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-starred-test - ijprest/keyboard-layout-editor - Web application to enable the design & editing of keyboard layouts (JavaScript)
• awesome-repositories - ijprest/keyboard-layout-editor - Web application to enable the design & editing of keyboard layouts (JavaScript)
• low-resource-languages - Keyboard layout editor - Keyboard Layout Editor http://www.keyboard-layout-editor.com (Software / Utilities)

README

        
keyboard-layout-editor

----------------------

[Keyboard-layout-editor.com](https://www.keyboard-layout-editor.com) (KLE) 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).

Want to interop with with KLE?  Check out sister-project

[kle-serial](https://github.com/ijprest/kle-serial), which includes code to

deserialize saved layouts.

Links

-----

* [Changelog](CHANGELOG.md)

* [Contributors](CONTRIB.md)

* [License](LICENSE.md)

Getting Started for Developers

------------------------------

Want to play around with the source?  Install the tools, clone the repository,

then build / test.

Required Tools:

* NodeJS/NPM: https://nodejs.org/

* GNU Make: http://www.gnu.org/software/make/

* FontForge: http://fontforge.github.io/en-US/

* Bower: ```npm install -g bower```

* Grunt: ```npm install -g grunt-cli```

* Protractor: ```npm install -g protractor```

* Jasmine: ```npm install -g jasmine```

* Uglifyjs: ```npm install -g uglifyjs```

* Stylus: ```npm install -g stylus```

* Jison: ```npm install -g jison```

* Git-utils: ```npm install git-utils -g ```

Installing prerequisite components (once):

* ```make install```

Build:

* ```make```

* ```make fonts```

Test:

* ```webdriver-manager update```

* ```webdriver-manager start```

* ```make test```

Notes:

* You can use any HTTP server for local development; I'm using an ancient

  version of [Mongoose](https://cesanta.com/mongoose.shtml), but whatever

  you've got handy should work.

* However, if you want to be able to log in to GitHub via OAuth (without

  hacking up the code and registering your own OAuth application), you will

  need to put the server at: http://localhost:8080/