Tutorials

Hero image for article
Icon for article

Using XTemplate Functions to Manipulate Data in Sencha Touch

2 min read

XTemplate's allow us to do a lot of interesting things when defining the itemTpl, one of which is passing the data through a function before displaying it.

Hero image for article
Icon for article

Using the HTML5 Canvas Element in Sencha Touch: Part 1

2 min read

I decided to create a new blog post series where we would step through creating some kind of drawing application in Sencha Touch. I'd like to keep this as fluid as possible and take suggestions as I go, but for now the general approach will be something like this

Hero image for article
Icon for article

Using the HTML5 Canvas Element in Sencha Touch: Part 2

4 min read

This is the second part of a tutorial series where we will be building a drawing application using the HTML5 canvas element in Sencha Touch. Click here for the

Hero image for article
Icon for article

Using the HTML5 Canvas Element in Sencha Touch: Part 3

2 min read

Now we're going to build an interface within our application to interact with these features. We'll add some colours to choose from, a few brush sizes and a reset button.

Hero image for article
Icon for article

Using the HTML5 Canvas Element in Sencha Touch: Part 4

3 min read

This is the fourth part of a tutorial series where we will be building a drawing application using the HTML5 canvas element in Sencha Touch. Click here for the first part.

Hero image for article
Icon for article

Adding “Rate This App” for Reviews and Ratings in PhoneGap

4 min read

Ratings and reviews by real users of not just mobile applications, but just about anything, are critical for building trust and interest in new users.

Hero image for article
Icon for article

How to Create an Animated Character Using Sprites in Phaser

4 min read

Using sprites to animate a character in Phaser works similarly to the way I described it is done in CSS above. Here's what you need to do

Hero image for article
Icon for article

Building HTML5 Games for Mobile with Cocoon JS

5 min read

In this tutorial we will be looking at how to test and build your application with Cocoon JS. Cocoon JS can build for all app stores but is especially good for iOS and Android.

Hero image for article
Icon for article

How to Take App Store Screenshots for HTML5 Games without 100 Devices

2 min read

Using this technique I can export all the screenshots I need in about 10 minutes and no longer dread the app store submission process!

Hero image for article
Icon for article

Making App Store Preview Videos on Windows and Mac

2 min read

Fortunately there's an easy solution for both Windows and Mac. Reflector is an application for both PC and Mac that allows you to mirror your device onto your computer and then make a recording of it.

Hero image for article
Icon for article
cameraphotos

How to Use the Camera in Sencha Touch

1 min read

Using the camera in an application is extremely useful and fortunately Sencha Touch allows for its use, though it is often a cause of confusion for a lot of people.

Hero image for article
Icon for article
connectfacebookwall post

Posting to a Facebook Wall with PhoneGap & the JavaScript SDK

2 min read

This post will show you how to implement the Facebook wall post functionality using PhoneGap.

Hero image for article
Icon for article
iosopensslprovisioning

How to Create an iOS Provisioning Profile and P12 with Windows

1 min read

I'm going to provide a step by step walk through for creating a provisioning profile and a p12 file using Windows and OpenSSL.

Hero image for article
Icon for article
amazonapp storehtml5web apps

Submitting a HTML5 Application to the Amazon Appstore

3 min read

The Amazon Appstore is not as big as the iOS or Android app stores, but it is the only one that will accept web applications. Here's how you can submit your app.

Hero image for article
Icon for article
asynchronousloadrecordsstore

Can’t Load Record from a Sencha Touch Store?

1 min read

More often than not, if you're having trouble retrieving records from a store and receiving null or undefined values it is because the store was simply not loaded when the call was made.

Hero image for article
Icon for article
androidconversionfile apimusic

How to Play Music from a Users Library with the PhoneGap File API

2 min read

Getting the users own music to play from their music library was a big stumbling block for me but eventually I was able to get it to work for Android devices but not iOS.

Hero image for article
Icon for article
androidconversionjavascripttimer

Creating a Stopwatch Timer with Sencha Touch

2 min read

In order to get it to work within Sencha Touch's MVC structure, a few changes were necessary but the bulk of the code is the same as the one I linked to.

Hero image for article
Icon for article
facebookpaperui

Implementing Facebook Paper UI in Sencha Touch

2 min read

But of course we're going to have to do a few other things if we want to get it working within the Sencha Touch framework. First of all you'll have to download the source file 'photoTilt.js'

Hero image for article
Icon for article

Using Custom Icons in a Sencha Touch Application

1 min read

The icons that are included out of the box will usually be enough to cover most situations, but of course there are going to be times where you want to use an icon that isn't included.

Hero image for article
Icon for article

Converting a Native Android App to Sencha Touch: Part 5

3 min read

It's finished! If you're not familiar with this series, I've been working on converting a native Android mobile application I created a little while ago into Sencha Touch. You can follow along from the start here.

Hero image for article
Icon for article
cupertinotheming

Using the Cupertino Theme in Sencha Touch

2 min read

I'm a fan of minimal design and favour the Cupertino theme over the default Sencha Touch styling, so let's take a look at how we can go about implementing this in our own application.

Hero image for article
Icon for article
backgroundgeolocationgps

Background Geolocation with Phonegap Build

1 min read

The only problem was that when users locked their phone during the run - a perfectly reasonable and expected thing to do - the GPS would stop tracking.

Hero image for article
Icon for article
commandssencha cmd

Complete List of Useful Sencha Cmd Commands

2 min read

It can be a little hard to figure out exactly what each one is doing and why it's useful though. I've created this list to help clear up the commands you'll find yourself using most often.