As designers I am sure we have encountered cases where we have begun cross browser testing of a new website only to find some elements not displaying consistently on all browsers. By beginning our projects with a CSS reset helps us to ensure our websites and mobile apps looks as close as possible to original design regardless of browser. All browsers have their own set of default CSS settings and if we not overwrite these during our project they will rear their ugly head in some unexpected way during browser testing.
There are many different CSS resets out there and simple goggle search will come up with many but I am just going to cover the basic here today. 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.
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
jQuery Mobile: Accessing the Photo Album with Cordova 2.0
In this tutorial we will show you how to access the phones internal photo album within your jQuery Mobile app. By the end of this article you will be able to go to the photo album, select and image and return to the same page and display the image selected inside your jQuery Mobile app. We will be adding to the code from the previous tutorial so check it out.
For this like our last tutorial we will be using Cordova 2.0 to acheive this. If you have not done this tutorial it is advised you go take a quick look at it now before proceeding. jQuery Mobile: use Phone Camera using Cordova 2.0
jQuery Mobile: Use Phone Camera using Cordova 2.0
In this tutorial we will show you how to give your jQuery mobile app access to the phone camera and take a simple photo. We will be using Cordova 2.0 to accomplish this. We will begin by ensuring the the camera is active, creating a button to go to the camera and then return to the application and display the photo.
Doing things with these photos will come in subsequent tutorials coming soon. For information on how to access the Photo Album please visit jQuery Mobile: Accessing the Photo Album with Cordova 2.0
Today I thought I would share three interesting tools for developing Phone Apps for users of varying levels of experience. All of these tools are free or open source programs. These three Phone App development tools are great for what they are designed to do. However each has its own natural limitations. Some requires some skill to use others do not but are then limited in what you can actually build with it. Continue reading