PRP - artifact #5 - Delicious Dahl on Android

Although JQTouch and Delicious Dahl were created primarily with the iPhone in mind, I thought it would be worthwhile to just check the web app on other devices.

Enter Android.

For some reason the emulator on Mac doesn't display all of the animations. On my HTC Hero they indeed work, albeit a bit stuttery - the processor speed is not as capable as iPhone's.

I was pleasantly surprised that the layout and CSS3 functioned on Android - rounded boxes, gradients all get a tick. Nonetheless I am aware of what doesn't.

However, touch events did not trigger - specifically the active states for the buttons. On iPhone when the button is tapped an :active class is activated displaying a red background colour to show the button has been pushed. Here on Android, nothing.

The consequence of this active styling failing is that the user isn't aware their input has been recognised, the web app appears to be unresponsive and so they push the button again restarting the process from scratch meaning extra waiting time overall. Frustration and agitation is not wanted.

This all occurs due to the way JQTouch targets iPhone specific touch states in the coding. The workaround would be to simply write some extra fall back code in the CSS for other handsets. Lesson learnt.

Another element that differs from the iPhone is that the browser menu bar isn't pushed up off the screen. Again it is a case of JQTouch targeting the specific code in Mobile Safari. It'd be good if this plugin library could be extended in the future to work with the other smartphone OSs.

@