Your Customers are Mobile, you will be too …

iphone

In this tutorial we will show you how to create a QR code to promote your new smart phone app. This code when scanned by any of the freely available QR code scanning apps available on the market will direct the user to the relevant app store for their device ready to download your app for the device they are… Continue reading

In this quick tutorial we will show you how to add a simple button to your jQuery Mobile app that takes your user to a random page of your app. The pages are drawn from a list of pages that you create. The code for doing this is really quite simple. So lets get to it.

Continue reading

jQuery Mobile: Add Splash Screen to Android or iOS

In this tutorial we will show you how to add a splash screen to your iPhone or Android mobile application in jQuery Mobile.

If you are using phonegap build you will notice there is no way to edit the AndroidManifest.xml file. That is fine because we don’t need to. We actually need to modify or create the config.xml file. Any attempt to modify the¬†AndroidManifest.xml file will result in the licence for that install becoming invalid and so useless to us. However the¬†AndroidManifest.xml file is built using the information contained within the config.xml. So lets begin. Continue reading

jQuery Mobile: Install and Test Phone app on iOS with Phonegap

In this quick tutorial we will show you how to install a phone app you have downloaded from Phonegap on an iOS device for testing. All we need to put our phone app onto our iPhone,iPod or iPad is iTunes. We will also need our provisioning file the same… Continue reading

iPhone PhoneGap: gap_poll error when testing on iOS

Recently while working on app for iPhone I received a error message that would continually loop. There is not a lot of information out there on the gap_poll error so I though I would share the quick solution to it with you. This applies if you get any of the following errors:… Continue reading

Recently Adobe released a new product called “Adobe Shadow”. Adobe Shadow enables the web developer who is developing for multiple devices to view changes live simultaneously on as many other devices as they wish. As you test on PC you get live updates of the look and feel on all devices hooked up to your computer via wireless.

One Drawback which I am sure they will fix in time is that Adobe Shadow only works for iPhone iPad and Android devices. This does cover the majority of mobile devices so is still well worth the look.

Adobe Shadow is currently free to download and use because it is still in testing stages.

Continue reading

In this tutorial we will cover some of the things you need to seriously consider when designing button for a mobile app or website.These buttons are naturally going to be the core of any mobile application yet many designers over look the obvious ways in which these buttons must differ from our more traditional navigational elements.

With the increasing presence of mobile devices on the web and with more and more people accessing the web on more and more mobile devices every day this has gone from being an optional exercise for a web developer to a necessity.

Due to the restricted space on a mobiles screen we are faced with major challenges in how do we redesign our site to be more mobile friendly. To further complicate things every week, even daily new screen sizes are added particularly in android. So how do we deal with them. Lets start in this series of tutorials by breaking down and looking at the common elements, the things that regardless of screen size we need to look at as a designer to make the switch to mobile. Continue reading

Please buy me a Coffee

Help a starving student to drink more coffee

Follow us on: