Skip to main content

Alan Vonlanthen's Library tagged touchscreen   View Popular, Search in Google

Apr
1
2011

jQuery drag & drop fallback strategy for mobile touchscreen devices: tap-to-lift => tap-to-drop.
Only partially convinced; weird experience.
Just tested on IOS browser, Android 2.2 and 2.3 browser and Firefox beta for Android, works just fine.

javascript jquery touchscreen 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

Aug
14
2010

Je découvre avec plaisir le travail de Luke Wroblewski, spécialiste en ergonomie et design d’applications. Parmi ces différents travaux, Luke a consolidé de nombreuses recherches sur les interactions tactiles (Touch Gesture) qui gagnent peu à peu notre qu

touchscreen touch gesture design ergonomics hmi ux mobile smartphone mobile+apps mobile+web delicious

1 - 4 of 4
Showing 20 items per page

Highlighter, Sticky notes, Tagging, Groups and Network: integrated suite dramatically boosting research productivity. Learn more »

Join Diigo
Move to top