RestKit MotionBeam | Character Interaction with Handheld Projectors Cramp.in Touch - JavaScript Mobile Framework for Building HTML5 Web Apps DHTMLX Touch is a free open source JavaScript library for building HTML5-based mobile web apps. It's not just a set of UI widgets, but a complete framework that allows you to create eye-catching, robust web applications that run on iOS, Android, and other mobile platforms. Syntax DHTMLX Touch framework offers intuitive object inheritance. Extendable Functionality DHTMLX Touch provides an elegant and simple solution to extend and customize the existing functionality of the library and to add new UI components. Data Storage on the Client Side Global data storage is an advanced and useful feature that allows keeping relations between data elements (e.g. list of employees and employee details form) on the client side. This feature provides automatical update of data across UI elements without user intersection. Server-Side Support Server side of DHTMLX Touch framework is based on dhtmlxConnectors (the same that used for DHTMLX Ajax library). Development Tools Components and Controls Compatibility
Touch Gesture Reference Guide The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces. The guide contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gestures to support major user actions 3) visual representations of each gesture to use in design documentation and deliverables 4) an outline of how popular software platforms support core touch gestures (below). Download Touch Gesture Reference GuideTouch Gesture Cards For wireframes and mock-ups:Visuals only (PDF)Visuals only (EPS)Visuals only (OmniGraffle Stencil)Visuals only (Visio Stencils)How to Guide (Visio) Touch Resources Touch Target Sizes: outlines recommended touch target sizes from Apple, Microsoft, Nokia, and academic research. Touch Gesture Diagrams: listing of touch gesture diagrams that illustrate how users can interact with multitouch interfaces. Platform Support How popular software platforms support core touch gestures.
HTML5 Websockets Abstract This specification defines an API that enables Web pages to use the WebSocket protocol (defined by the IETF) for two-way communication with a remote host. Status of This document This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the most recently formally published revision of this technical report can be found in the W3C technical reports index at If you wish to make comments regarding this document, you can enter feedback using this form: You can also e-mail feedback to public-webapps@w3.org (subscribe, archives), or whatwg@whatwg.org (subscribe, archives). Implementors should be aware that this specification is not stable. The latest stable version of the editor's draft of this specification is always available on the W3C CVS server and in the WHATWG Subversion repository. E-mail notifications of changes Table of Contents 1 Introduction WebIDL
Mobile HTML5 Framework - Features of Sencha Touch | Features | Sencha Touch Built on HTML5 Technology Sencha Touch, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch is the only framework that enables developers to build fast and impressive apps that work on iOS, Android, BlackBerry, Windows Phone, and more. Smoother Scrolling and Animations Sencha Touch provides a user experience unparalleled in HTML5. Adaptive Layouts Sencha Touch’s novel layout engine leverages HTML5 in powerful ways to let developers build complex applications that respond, load, and layout in a snap. Native Packaging Web applications work everywhere.
Storyboarding iPad Transitions If your clients are not yet asking you to design transitions, they will likely do that on your next project. Transitions are hot, and not just because they entertain the eye. In confined mobile computing interfaces, on tablet devices or in complex virtual environments, transitions are an authentic, minimalist way of enabling way-finding, displaying system state and exposing crucial functionality – in short, they are key in creating a superior user experience. Transitions as design elements Since the 1980s, designers have been drawing wireframes to represent web pages and device interfaces.1 In the beginning, wireframes were static schematics that showed a single state of the page. With the release of the Apple iPad, the Age of Transition has come to its full potential. Transitions Require Thinking Differently The task consists of wireframing each of the important changes (or “key frames”) that occur during the transition and stringing a bunch of wireframes together in a storyboard. 1. 2.