Touch Notation

Touch Notation is a simple annotation system created by Matt Gemmell for documenting multi-touch gestures. It’s an incredibly simple system when compared to the more literal annotation symbols that use hands, because the symbology can be quickly rendered in sketches as well as being used in wireframing libraries.

The Touch Notation page provides PSD, AI, and OmniGraffle templates. I've additionally created a Balsamiq Mockups version of the system on Mockups To Go.

DataTables (table plug-in for jQuery)

DataTables is a plug-in for the jQuery Javascript library. It is flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Key features:

  • Variable length pagination
  • On-the-fly filtering
  • Multi-column sorting with data type detection
  • Smart handling of column widths
  • Display data from almost any data source
  • DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)
  • Fully internationalisable
  • jQuery UI ThemeRoller support
  • Wide variety of plug-ins inc. TableTools, FixedHeader and KeyTable

More info...

Via @filamentgroup

LiveView for iPhone & iPad

LiveView is a free remote screen viewing application created by Nicholas Zambetti to help designers create graphics for mobile applications, and for quick and dirty simulations, demos, and prototypes.

Visual Designers may use it to view artboard while you work. LiveView is compatible with both standard and Retina displays. Interaction Designers can use with iPhone or iPad tethered via WiFi, to interact with software prototypes and demos running on your Mac to communicate and iterate your concepts quickly.

Download here.

Sencha Touch HTML5 Mobile App Framework

Sencha Touch looks like an excellent toolkit for delivering HTML 5/CSS 3 mobile experiences. Check out these demos your mobile device to give it a test run: GeoCongress (makes use of geolocation), Solitaire (drag and drop and flip animations), Kiva (provides iPad popover controls).

Sencha Touch allows you to develop web apps that look and feel native on Apple iOS and Google Android touchscreen devices. It's built specifically to leverage HTML5, CSS3, and Javascript and makes use of HTML5 to deliver components like audio and video, as well as a localStorage proxy for saving data offline. Altogether, the entire library is under 80kb (gzipped and minified), and it's trivial to make that number even smaller by disabling unused components or styles.

Via @threefour