Sunday, September 22, 2013

Mobile device resolution optimization

In order to implement functionality in a touch environment, the first problem to overcome is to  scale the web environment to the 600*920/920*600 resolution that the nexus 7 reports. This will prevent the issue of being able to scroll to the left and right on the webpage. something similar must be done with the way the timeline is rendered to prevent vertical scrolling, however the vertical scrolling problem seems prevalent on all devices and appears to cause less usability issues. Also enabling the capture of touch events by the canvas should help hide the issue of the timeline consistently rendering beyond the height of the page, but issues still lie within the drawing of the canvas and time line. As this is my first web project, I've been spending a lot of time on research and less on coding. So code to come.