02/24/2013, 06:02 PM
First of all, let me say that the WebOS line of phones/tablets is really quite a nice one. I really enjoy the look and feel of my HP Pre 3, ever since the day I bought it approximately 6 months ago.
However, there's been something increasingly frustrating about this device (WebOS as a whole, actually), that I just can't seem to circumvent.
The lack of WebGL and CSS 3D support is rather discouraging.
While the missing support for WebGL can probably be fixed on an app-app basis (binding the calls to OpenGL ES), CSS 3D is a whole other matter.
Right now, I'm trying to create a children's book app I can then pack as IPK (as well as for other devices, running Android, iOS, Windows Phone and Blackberry 10).
I'd like to use dynamic page transitions (preferably with easing). Normally, I'd just utilize jquery and a few CSS transforms. However, my intensive research (I've tried pretty much every existing library, out of which only one would work with my HP Pre 3's browser, but would lack the required dynamics*) turned up not a single efficient and dynamic technique that would actually work with WebOS (2.x)
So to be blunt, my question is: Is there any way to achieve believable "3D" page transitions inside WebOS' browser?
*Simply touching the edge of a page isn't really an elegant solution, IMHO. I'd like my ebook to support pinching and swipping, as well.