Skip to main content

Apr
9
2011

Utilisations des tablettes :
- 84% : jouer- 78% : chercher des informations- 74% : consulter/écrire des mails- 61% : lire l’actualité- 56% : accéder à des réseaux sociaux- 51% : divertissement (musique, vidéo)- 46% : lire des ebooks- 42% : faire des courses en ligne- 19% : autre 

« Je passe plus de temps sur ma tablette que » :
- 59%: lire des livres- 52% : écouter la radio- 43% : utiliser mon ordinateur- 41% : utiliser mon smartphone- 34% : regarder la télévision- 11% : aucun de ces choix
via @Xavier83

tablette galaxy tab iPad usage internet trends 2011

Apr
1
2011

JavaScript Touch and Gesture Events iPhone and Android
There are quite a few sites that describe the touch and gesture events that can be used in the mobile version of WebKit running on iPhone and iPod Touch. There is, however, not so much info with regards to Android. I've placed a few links at the bottom of this article that contain information used to compile this brief explanation.
Touch events are a bit like mouse events, but there are some very important differences when it comes to touch vs. mouse:
A touch is very hard to keep steady whilst a mouse can stay at a fixed position - this means that we go from a touchStart event directly to a touchMove event. Unlike a mouse where a mouseDown event is likely to fire without being followed up by a mouseMove event.
There is no mouseOver equivalent since a touch can be discontinuous, i.e., we can get from point A to point B without the need of drawing a continuous line between these points.
A touch is an averaged point taken from the surface area in contact with the pointing device (your finger) translated to pixel coordinates - like finding the centre of a circle. A mouse is very precise and there is no averaging that needs to be done. What I'm trying to say is that a touch is not as accurate as a mouse.
Android and iPhone touch events
Android and iPhone versions of WebKit have some touch events in common:
touchstart - triggered when a touch is initiated. Mouse equivalent - mouseDown
touchmove - triggered when a touch moves. Mouse equivalent - mouseMove
touchend - triggered when a touch ends. Mouse equivalent - mouseUp. This one is a bit special on the iPhone - see below
touchcancel - bit of a mystery

javascript tab drag&drop iphone ios android graaasp

Mar
26
2011

"There are some native HTML5 Events that works in WebKit (Chrome & Safari) ... only mobile versions. The name of these events are touchstart, touchmove, touchend, touchcancelAn example to move an element is:$(document).bind("touchstart", function(e) { e.preventDefault(); var orig = e.originalEvent; var x = orig.changedTouches[0].pageX; var y = orig.changedTouches[0].pageY;$("#element").css({top: y, left: x}); });More information: http://developer.apple.com/safari/library/documentation/UserExperience/Reference/TouchEventClassReference/TouchEvent/TouchEvent.html#//apple_ref/javascript/cl/TouchEventBTW I prefer to work with webkit-transform (CSS properties) 'cause it has a better performance.Good luck"

UX UI drag and drop iPad tab touchscreen html5

1 - 7 of 7
Showing 20 items per page

Diigo is about better ways to research, share and collaborate on information. Learn more »

Join Diigo
Move to top