![]() A repeat behavior was implemented for click and keydown so that users can accelerate the value change when the mouse or the keyboard is pressed. The vertical line can also be dragged to quickly change values. HTML5 Version SettingsĪs in the iPad interface, we allow the user to click on the left and right arrow to change the value of a control. The port to HTML5 was pixel perfect: iPad vs. The solution was adding support for keyboard shortcuts and replicating UI controls using CSS positioning. We wanted the same high fidelity representation in the Web interface. The MathBoard input controls on the iPad are highly polished. On the iPad you have only the touch interface, on the PC you need take into consideration both mouse and keyboard. touch #Īnother key difference between the iPad and Web version is the input interface. HTML5 screen orientation Input: keyboard/mouse vs. Consequently, we reorganized the UI design and moved the settings panel to the right side, on a sliding view (animated by CSS3 transitions). The iPad MathBoard is exclusively vertically oriented, which was not optimal for PC displays as they are generally used in a horizontal fashion. ![]() When porting the application to HTML5 for PC usage, we had to make several modifications to the design and user-interaction of the application. It provides a DOM centric MVC mechanism and a flexible way to build custom components while leaving the opportunity for the application developer to use any widget/controls library or custom code he or she deems optimal. SnowUI is a simple yet powerful MVC framework on top of jQuery.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |