Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kriserickson/topcoat-touch

Topcoat Touch
https://github.com/kriserickson/topcoat-touch

Last synced: 4 months ago
JSON representation

Topcoat Touch

Awesome Lists containing this project

README 

        
Topcoat Touch

=============



[![Build Status](https://travis-ci.org/kriserickson/topcoat-touch.png?branch=master)](https://travis-ci.org/kriserickson/topcoat-touch)



See [TopcoatTouch.com](http://kriserickson.github.io/topcoat-touch/) for more details.



A very simple mobile framework that uses [Topcoat](http://topcoat.io) CSS framework to create mobile applications. inspired by [jQT](http://jqtjs.com/), it can be used either with a [single html document with multiple pages](/example/one-document/), or

using a [collection of controllers and templates](/example/mvc/).  It uses a collection of optional libraries to provide most of the functionality

 for a mobile framework:



* [jQuery](http://jquery.com) or [Zepto](http://zeptojs.com) to provide DOM manipulation.

* [iScroll](https://github.com/cubiq/iscroll) is an optional plugin that can be used to provide smooth scrolling automatically.

* [hammer.js](http://eightmedia.github.io/hammer.js) is an optional plugin to allow TopcoatTouch to provide event brokering for mobile touch options (swipe, tap, hold, doubletap, drag, roate, pinch, etc).

* [lodash](http://lodash.com/) is a plugin that is only required when using [templating strategy](/example/mvc/), of course you could also use [underscore](http://underscorejs.org/).

* Currently the default templating engine for the MVC style is underscore, but you can easily use [Handlebars](http://handlebarsjs.com/) or [Mustache](https://github.com/janl/mustache.js).   See [tips and tricks](//github.com/kriserickson/topcoat-touch/wiki/Tips-Tricks) for a simple example using [Handlebars](https://github.com/kriserickson/topcoat-touch/wiki/Tips-and-Tricks#wiki-using-handlebars-as-the-templating-engine) or     [Mustache](//github.com/kriserickson/topcoat-touch/wiki/Tips-and-Tricks#wiki-using-mustache-as-the-templating-engine).  There is also an [example](//github.com/kriserickson/topcoat-touch/tree/master/examples/handlebars) using handlerbars.   Or you can also easily add your own templating engines following these examples.



It has a [generator](https://github.com/kriserickson/generator-topcoat-touch) for [Yeoman](http://yeoman.io) that allows for rapid initial creation of your project, as well as integration with [phonegap/cordova](http://phonegap.com) and [grunt](http://gruntjs.com).



Uses some of the CSS for page flipping from the Christopher Coenraets [topcoat/backbone](http://coenraets.org/blog/2013/06/sample-mobile-phonegap-application-with-backbone-js-and-topcoat) example

and screencasts.



Read more about why topcoat-touch was created on my blog post, [It Appears You are Building A Framework](https://www.agingcoder.com/topcoattouch/2014/01/06/it-appears-like-you-are-building-a-framework/)



* [Getting Started](//github.com/kriserickson/topcoat-touch/wiki/Getting-Started) -- Getting started with topcoat touch.

* [Wiki](//github.com/kriserickson/topcoat-touch/wiki) - Browse the Wiki for more detailed documentation.

* [Faq](//github.com/kriserickson/topcoat-touch/wiki/FAQ) - Small Faq for now, but will expand over time.

* [MVC Example App](https://github.com/kriserickson/topcoat-touch/tree/master/examples/mvc) - Check out the MVC example app in the source code to see how to create an MVC Topcoat Touch App

* [Single Document Example App](https://github.com/kriserickson/topcoat-touch/tree/master/examples/one-document) - Examine the Single Document App if you are going to create a small app and want to keep things as simple as possible.