Making App Store Preview Videos on Windows and Mac

Making App Store Preview Videos on Windows and Mac

Mobile App Stores now allow you to submit a video of your application in action along with the screenshots that are displayed. This can be a great way to demonstrate what your application can do to potential downloaders, especially for games or particularly complicated apps. If you’re developing HTML5 applications for iOS on a Windows computer you won’t have access to the device emulators that are available on a Mac. You could potentially run the application through… continue reading.

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

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

One of the most frustrating parts of submitting an application to app stores is creating all the different sized screenshots that are required. If you’re submitting to the Apple App store you will need at least 1 screenshot of your application for all of the following : iPhone 4 iPhone 5 iPhone 6 iPhone 6 Plus iPad Maybe you own all of these devices and can take a screenshot on each (which is a task in itself), but I don’t know many people who do. In the past I’ve typically… continue reading.

How to Integrate Game Center into a PhoneGap Build App

How to Integrate Game Center into a PhoneGap Build App

PhoneGap isn’t the most popular choice for mobile game development, but with the ever increasing power of JavaScript it’s certainly possible to create games powered by a browser and PhoneGap . If you’ve played a few games on the iOS platform you will have likely run into Game Center by now. Game Center provides a method of maintaining centralised leaderboards and achievements , so players can see all their accomplishments in one place. This is great news for developers… continue reading.

How to Create iOS In App Purchases with PhoneGap Build

How to Create iOS In App Purchases with PhoneGap Build

One of the most common ways to monetise a mobile application is to offer In App Purchases . An In App Purchase is something the user buys within your application after already having downloaded it. Typically an app that utilises In App Purchases will be free to download, and the user will be charged for premium content like the removal of mobile advertisements , unlocking more features or extra game items. Apple has users credit cards on file, so when a user wants to make… continue reading.

Monetizing Your PhoneGap Build App with AdMob

Monetizing Your PhoneGap Build App with AdMob

With the recent changes to PhoneGap Build we now have access to use all plugins that are listed on plugins.cordova.io as well as the plugins on the PhoneGap Build website . This means that we now have access to the AdMob plugins , which will allow us to integrate AdMob with PhoneGap Build applications. AdMob will allow you to display advertisements to users of your mobile application, and earn revenue from displaying them – similar to how AdSense works for… continue reading.

Announcement: Sencha Touch and PhoneGap Consulting Services

Announcement: Sencha Touch and PhoneGap Consulting Services

Over the years I’ve helped many mobile developers with the tutorials I write for this blog, and with my various eBooks . As my audience grows, a growing number of people are emailing me to ask for advice or for help with a problem they are having. I **love ** this and I don’t want it to change – I want you to keep emailing me and I want to keep helping you as best as I can. Introducing: Consulting Packages It has got to the point where I can’t respond to everybody as I… continue reading.

How to Create Complex Layouts with Sencha Touch

How to Create Complex Layouts with Sencha Touch

Sencha Touch has a powerful and adaptable layout system, but it’s also quite simple to use (if not a bit confusing at first). This tutorial will focus on explaining a little bit about how the Sencha Touch layout system works and then we will walk through building a specific complex layout . 1. A Quick Introduction to Layouts in Sencha Touch Sencha Touch uses web technologies, so one might assume that are layouts would be created with HTML and CSS , this is not the case… continue reading.

Tips for Keeping Your Sencha Touch Projects Organised

Tips for Keeping Your Sencha Touch Projects Organised

Sencha Touch is a great choice in framework for creating complex HTML5 mobile applications – but that doesn’t mean you can’t make a royal unmaintainable mess of your code base if you don’t make an effort to keep things tidy. You should always follow best practices as best you can, but I want to share a few specific tips that help me keep my codebase clean and easy to manage . 1. Split up large items into separate files It is common in Sencha Touch to use arrays of… continue reading.

Is Sencha Touch Still a Strong Choice for HTML5 Mobile Development?

Is Sencha Touch Still a Strong Choice for HTML5 Mobile Development?

TL;DR: At an enterprise level or if you plan on being employed as a Sencha Touch developer, absolutely yes . If you’re a single freelance developer, yes although there is some uncertainty around the support for single developers. Sencha Touch is currently free to use commercially and it seems unlikely that will change, but it is possible. The CEO of Sencha has openly stated that support for the Sencha Touch framework will be a priority moving forward . Is Sencha Touch… continue reading.

Using Node.js and Express.js in a Sencha Touch Mobile App: Part 1

Using Node.js and Express.js in a Sencha Touch Mobile App: Part 1

In this tutorial series we will be building a Sencha Touch application that is powered by a Node.js backend which will use the Express.js framework and MongoDB to store data. This tutorial is more about the backend than the mobile app itself, so functionality wise it will be a bit boring. We will be creating a simple CRUD (Create, Read, Update, Delete) application. Before we get into that though, I just introduced a whole bunch of technologies you may or may not have… continue reading.

The Challenges of Developing iOS Applications on a PC

The Challenges of Developing iOS Applications on a PC

Think iOS applications can only be created on a Mac? Well I’m pleased to inform you that you are mistaken! In fact I’ve been building iOS applications on a Windows machine exclusively for more than two years. It’s quite achievable but it’s not without its challenges, in this article I summarise some of the challenges I’ve faced developing iOS applications on a Windows computer and how I overcame them. 1. Native is not an option This is the most obvious limitation of… continue reading.

5 Things Beginner HTML5 Mobile Developers Should Know

5 Things Beginner HTML5 Mobile Developers Should Know

HTML5 mobile applications make use of cutting edge browser technology to create powerful mobile apps that can even be submitted to and downloaded from the Apple App Store and Google Play . This is cool and exciting in itself, but it also provides a great opportunity for web developers . As a web developer chances are you are already quite familiar with the technology these HTML5 mobile frameworks use, making it a lot easier to learn. In some ways you will feel right at… continue reading.

Add Social Sharing to a PhoneGap Application (Facebook, Twitter and more!)

Add Social Sharing to a PhoneGap Application (Facebook, Twitter and more!)

Social media has a massive influence on just about everything today, it’s caused a lot of trouble for companies that have made bad PR choices and rocketed little guys who may have otherwise gone unnoticed to enormous success . Social media can be a driving force for your mobile application, but you can’t just post your app on Facebook, Pinterest and Instagram, sit back and pat yourself on the back for a job well done. It needs to be an integral part of your overall… continue reading.

The 15 Most Popular PhoneGap Build Plugins

The 15 Most Popular PhoneGap Build Plugins

Plugins for PhoneGap are endlessly useful, there’s so many available now that there really is a plugin for just about everything. Recently I added a list of some of the newer plugins that made it to the PhoneGap Build plugin repository, now we’re going to look at the most popular of all time . Each plugin listed on the PhoneGap Build Plugins page  displays the amount of applications it is being used in, which gives us an easy way to see just how popular they are.… continue reading.

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

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

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. The social proof of having ratings and reviews is immensely valuable and can heavily influence the decision of a potential downloader – especially for paid apps. Unfortunately, getting reviews and ratings is hard . Even if you have a great product you may struggle to get reviews because: Users forget about ratings and… continue reading.

Building HTML5 Games for Mobile with Cocoon JS

Building HTML5 Games for Mobile with Cocoon JS

HTML5 game frameworks like Phaser provide an exciting new opportunity. The types of games that we can create with JavaScript now, we would have never imagined would be run through a browser. Although we can run these games easily on a device simply by hosting it on the Internet and visiting the web page, often developers will want to submit their games to the app stores. The motivation for doing this will typically include the following: Ease of distribution Selling the… continue reading.

How to Create an Animated Character Using Sprites in Phaser

How to Create an Animated Character Using Sprites in Phaser

If you’ve played any amount of games growing up you will have likely used a sprite in some form. Most peoples first hand experience with sprites would likely be through the web though. It’s not uncommon to create a ‘sprite sheet’ that looks something like this: to hold different images for a website – usually small images like buttons and icons. The sprite sheet is one Google uses for their website (or has used at least). The idea for the web is to cut down on HTTP… continue reading.

Using the HTML5 Canvas Element in Sencha Touch: Part 4

Using the HTML5 Canvas Element in Sencha Touch: Part 4

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. Last time we built an interface to interact with the canvas component we created . This allowed us to change the size of the brush, the colour of the brush and also reset the canvas. In this part (which will likely be the last part) we will implement functionality that will allow the user to save… continue reading.

Creating HTML5 Mobile Games with Phaser and PhoneGap

Creating HTML5 Mobile Games with Phaser and PhoneGap

Since I had a little free time over the holiday period, I wanted to sink my teeth into a fun new project. I’d heard about Phaser  a while ago and Thomas Palef’s 12 games in 12 weeks challenge  which did interest me, but building games for mobile (or games in general for that matter) was something I never really planned on getting into. I came up with a simple idea for a game though and thought alright let’s just do it. What surprised me the most was just how easy it was… continue reading.

Using the HTML5 Canvas Element in Sencha Touch: Part 3

Using the HTML5 Canvas Element in Sencha Touch: Part 3

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 first part. Last time we created our own ’ CanvasDraw ’ component. Right now we can use that component in our application and we will be able to draw on the canvas. We’ve added a lot of functionality into the component though which can not be utilised yet, specifically: Changing colours Changing brush size Resetting… continue reading.