Is it possible to detect touches on an HTML5 in a UIWebView on the iPhone?
Yes; there are several ways and frameworks which help you do this:
jQuery Mobile
jQTouch
Using events like ontouchend / ontouchstart / ontouchmove
Both of those mobile frameworks are pretty straight forward, should be able to get going rather quick.
Good luck!
Related
I am looking for a jquery plugin that navigates to other pages of a website using a sliding animation similar to some iphone apps. I tried designing this on my own but I could not get it to work.
Here is an example of what I need:
(on pressing the button)
Did you have a look at JQuery Mobile? It mimics a lot of the iPhone animations, and it will run on non-mobile browsers as well as mobile browsers. For instance, http://jquerymobile.com/demos/1.1.1/docs/pages/page-transitions.html has a "Slide" transition that you can demo.
You could try sencha touch, never used it personally but appears to do what you want.
Demo: http://dev.sencha.com/deploy/touch/examples/production/kitchensink/#menu/animations
Download: http://www.sencha.com/products/touch/
There's also JQtouch a quick google will find that (as I cant post the link because of low reputation)
There are an increasing number of apps that use UIWebView in the app, like LikeALittle. Instagram's "Notes" view also uses UIWebview, and it behaves stunningly similar to the native view.
What customizations do you need to make to the JS, and are there any best practices or tutorials for achieving a good native-like UX in the UIWebview?
You can try one of the severals framework created with mobile propose, like JQuery Mobile, JQTouch or Sencha Touch.
Have a look at jQuery Mobile
I am trying to work with an HTML5 animator on an iPhone app. He proposes that we use HTML5 to implement the animations.
As I have never done this before, is it possible for iOS to work with HTML5? Do I just use UIWebView to render the animations?
Yes, you need to crate an UIWebView, but keep in mind that the iPhone has limited amount of memory an CPU, if the animation will be complex I will render slow.
To render more complex animation I suggest using Quartz 2D
I was working on a protoype using jquery UI resizabel plugin, but I noticed that it doesnt work on the iPad.
Might it be a problem with the touch/click event?
I worked previously with a sliders plugin and they were pretty good on that device so I beleive it is do-able and I wonder how can fix the resizable pluing to make it work on the iPAd too..
Thanks
Another option is http://touchpunch.furf.com/
jQuery UI Touch Punch is a small hack that enables the use of touch events on sites using the jQuery UI user interface library.
i found myself this
http://code.google.com/p/jquery-ui-for-ipad-and-iphone/
I am building a website which provides support on Iphone also. I am using JQTouch jquery library(www.jqtouch.com) which provides multi-touch functionality like swipe, flip, back page.
It would be great to hear from you guys on how to extend zoom-in and zoom-out functionality for photos. Does JQTouch provide any readymade function for the same. Also I would like to hear more on the touch screen functionality that I could use more in my application.
Thanks in advance!
The JQTouch library specifically disables resizing the viewport, so you would not be able to use this for zooming in on photos. See this post which talks about performance, but also mentions that they disable the viewport resizing: http://blog.jqtouch.com/post/205113875/milliseconds-responsiveness-and-the-fast-tap
Normally this effect is achieved by using css techniques or a plugin like this.
You show a small version of an image and on mouse over and move, show a portion of a blown up version.
Here's a good jQTouch extension and demo for pinch, zoom, rotate and very flexible too: http://www.reddit.com/r/iphone/comments/bhkx3/jqtouch_gestures_extension_multitouch_events_and/
Basically you get to combine these events however you want.