mozilla-b2g/gaia — pull request #2405 by basiclines (2012-07-13 10:52:43+00:00)
Title: Keyboard new visuals

### Features
* Implemented new visual design
* Added a classname in each key via render.js when it has enabled their menu
* Added highligted key style to the "cache"

### Workarounds
I've tried to use background images to fake the CSS border-radius for avoiding slowness. My approach was using 4 elements in absoluete position (each key corner) with background image for creating each rounded corner.

The result is an slower keyboard, not sure why, but maybe for the increased DOM elements (+4 per key).
There are some CSS code comented to replicate that approach, for that you also need to add that elements in the render.js

### Next steps
UX people will try to refine some interactions or color schemes in contextual menus.

### Conclusions
This is the same keyboard implementation than before but with a refreshed visual desing. So it should work in the same way than the previous one.