Pull-to-refresh has become a standard UI pattern to refresh lists in mobile applications, and there is no reason not to use it in PhoneGap / Cordova applications. A first option is to use iScroll, which has pull-to-refresh built-in. That’s a great option for older OS versions or platforms that do not support touch-based scrolling natively. […]
In my previous post, I discussed the process of building modular applications with Backbone.js and RequireJS, and I shared a new version of my Employee Directory sample application built with Backbone.js, RequireJS, and Twitter Bootstrap. In this post, I share the Mobile/PhoneGap version of the same application. This application is an example of how to […]
In recent months, I have been sharing different versions of the Employee Directory sample application built with different technology stacks, different frameworks, and different back-end (REST services) implementations. A number of you have asked for a modular version of the application built using RequireJS. So here it is. RequireJS A complete discussion of the benefits […]
A couple of weeks ago, I started working on a PhoneGap application that required file synchronization between the users computer and their mobile device. I looked at the new Dropbox Sync API and decided to give it a try. The Dropbox Sync API is available for iOS and Android. So, I created a PhoneGap plugin […]
In this post, I’m excited to share my first sample application built with Topcoat. Topcoat is a CSS library — a set of customizable styles for mobile components — that you can use to build polished, clean and fast mobile web apps. Topcoat has a desktop profile as well. Because Topcoat focuses exclusively on the […]
I continue my experiments with different frameworks and UI toolkits to build mobile and PhoneGap applications. In this post, I use Backbone.js as the architectural framework and Ratchet as the UI toolkit to build my Employee Directory reference application. You can experience the application below: Click here to run the app in a full browser […]
Here is the video of my PhoneGap Architecture talk at Adobe MAX 2013: The slides are available here.
Here is the video of my PhoneGap performance session at Adobe MAX 2013:
This is not rocket science, but when planning your web or mobile architecture, it is important to make sure your client application is not tightly coupled to a specific data access strategy. The Problem In tightly coupled applications, the presentation logic is intertwined with data access logic (for example, $.ajax() calls), and it leads to […]
A couple of days ago, I shared a new version of the Employee Directory sample application. By default, the application uses an in-memory data store to provide a “download and run” experience (no need to set up a server or a database). In this post, I’ll show how to replace the in-memory data store with […]
