KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #ai-agents #dsh-plugin #codex #developer-tools #claude-code #windows #desktop-app #typescript #rust #ai-agent #cli

topcoat-touch

★ 56 Open GitHub ↗

Topcoat Touch

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Topcoat Touch
=============

# ⚠️ ARCHIVED / DEPRECATED

**This project is no longer maintained.** It has been archived and is now in a read-only state.

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.

topcoat-touch

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README