Monday, March 21, 2011

Touch Screen Keyboard

Touch Screen Keyboard was designed for touch screen applications to input easily. Because of that Touch Screen Keyboard was built by using HTML5 and CSS3, it's better to use browser supporting html5 and css3.



In this project, I didn't use any image to create keyboard layout. By changing css styles easily you can have different type of keyboard.

If you want to add a new symbol or letter, you can edit json data called defaultKeyboard in jsKeyboard.js file.

Beside that, you can add new keyboard type which is compatible with other languages by creating new json data and adding to keyboard  array in jsKeyboard.js. You can switch keyboard without difficulty.

In order to display Touch Screen Keyboard properly, I recommend following browsers; Firefox 3.5+, Google 4.0+, Safari 3.1+, Opera 10.5+, IE 9+

If you want to know how you can use Touch Screen Keyboard please read the following documentation :
http://code.technolatte.net/TouchScreenKeyboard/default.htm

For demo please click the link below :
http://code.technolatte.net/TouchScreenKeyboard/Demo.htm

1 comments:

Scott Wickham said...

Looks good. It seems to work in the kindle experimental browsers. I might use it for educational web apps for the kindle touch.

Thanks for putting this together.