background preloader

11 Multi-touch and Touch events Javascript libraries

11 Multi-touch and Touch events Javascript libraries
Touch screen devices are ruling the mobile platform nowadays. Most of the smart phones have it, tablet and based on the trend, it's slowly come to our desktop as well. To develop a touch screen compatible web applications or website, you can use the existing touch events of the browsers or the platforms. There are two ways to create a touch support app - native or using the web development technologies (HTML, CSS, Javascript). QUO JS Events: Touch, Tap, Double tap, Hold, Fingers, Swipe, Swipe Up, Swipe Right, Swipe Down, Swipe Left, DragOther features: Built-in jQuery-like methods.

Yeoman - Modern workflows for modern webapps Introduction to RequireJS In this tutorial we are going to take a look at RequireJS, an AMD compatible asynchronous script loader that is incredibly powerful. In my experiments with RequireJS I've hugely enjoyed working with it and will be using it heavily in my future development. This is a fairly heavy post as far as complexity goes, but please do stick with it. I struggled to get my head around RequireJS and AMD for a long time but once it "clicks" it is really awesome. The basic use case for RequireJS is as a basic script loader, but in this tutorial I wont concentrate on that, but on its uses for modular development. RequireJS implements the AMD (Asynchronous Module Definition) spec, which means we can write our own modules and load them with RequireJS, allowing it to manage dependencies for us. To do this, we are going to build an app (sort of - it's all very basic snippets of code) that has dependencies. Firstly, create your project directory and the structure within. That line means whenever I do:

Superheroic JavaScript MVW Framework Javascript Territory - Jster Javascript Catalog The Top 10 Javascript MVC Frameworks Reviewed - CodeBrief UPDATE 1/14/2012: Added Batman.js and Angular.js due to popular demand and because they looked impressive. Over the last several months I have been in a constant search for the perfect javascript MVC framework. Driven by a dire need for the right level of abstraction and features, I have tried out - some more cursorily than others - every framework I could get my hands on. Here lies a brief synopsis of each framework. Lastly, I share the framework which I ultimately decided on. Specifically, the following four features are very important to me: UI Bindings - I'm not just talking about templates, I'm talking about a declarative approach to automatically updating the view layer when the underlying model changes. The Contenders Here is a table showing all of the frameworks support for the above features. 1. Backbone.js is the web's darling framework. Pros: Strong community and lots of momentum. Cons: Lacks strong abstractions and leaves something to be desired. 2. Pros: Bindings support. 3.

WebRTC status Current as of December 22nd, 2013 Spot an inaccuracy? Please email team@peerjs.com WebRTC and PeerJS are still works in (rapid) progress. Video, audio, and DataChannel are all available in stable mobile and web versions of Chrome and Firefox. Safari and Internet Explorer have not announced support for WebRTC yet. PeerJS will not attempt to support very old versions of browsers (Chrome < 26 or Firefox < 23) because the WebRTC spec has changed dramatically since. PeerJS compatibility Because no browser has fully implemented the current draft WebRTC spec, these issues currently exist beyond our control, but they are likely to be fixed in future releases: Browser support Chrome 26+, Firefox 23+ Reliable data Firefox supports SCTP based reliable data. Binary data Firefox supports binary data transfer. Data transfer limitations Firefox supports high bandwidth transfers. Detecting closed connections Chrome will fire .on('close', ...). Interoperability Media connections Google Chrome Version notes

Detecting the ‘Tap’ event on a Mobile touch device using javascript | Gianluca Guarini's Blog Currently we can use different types of events to control a touch gesture on a mobile device using javascript, but unfortunately they are not enough to detect all the huge amount of behaviours that an User could do with a touch gesture. Some of the events that you can catch having everything under control are touchstart, touchmove, touchend and touchcancel. In one of my projects I needed to detect the ‘Tap’ event that is a bit different from the ‘touchstart’ event *, so I found this solution that works pretty well, and here you can get the code. *The Tap event should not be confused with the click because they are two things completely different1 jQuery Solution Demo link [jQuery] Some folks complained about my non pure Javascript solution so I thought to show how to use the previous snippet without the help any other framework. 2 If for whatever reasons you can’t use jQuery here you have also the Pure Javascript solution Demo Link [Pure Javascript] 3 Rock solid solution Download Tocca.js

jGestures: a jQuery plugin for gesture events - Home Single page apps in depth (a.k.a. Mixu' single page app book) This free book is what I wanted when I started working with single page apps. It's not an API reference on a particular framework, rather, the focus is on discussing patterns, implementation choices and decent practices. I'm taking a "code and concepts" approach to the topic - the best way to learn how to use something is to understand how it is implemented. Update: the book is now also on Github. Introduction Modern single page apps - an overview Writing maintainable code Implementation alternatives: a look at the options Meditations on Models & Collections Views - templating, behavior and event consumption Why do we want to write single page apps? This is hard to do with other approaches. Single page apps are distinguished by their ability to redraw any part of the UI without requiring a server roundtrip to retrieve HTML. Most projects start with high ambitions, and an imperfect understanding of the problem at hand. To write maintainable code, we need to keep things simple. Write-only DOM.

Related: