Sam Croft

Full-stack developer

Quick tip: using HTML5 localstorage to store JSON objects on a device in your PhoneGap app

  • 66 comments

Filed in: android, Cordova, iOS, javascript, JSON, PhoneGap, Uncategorized

I’ve written a couple of articles about loading remote data into PhoneGap apps (sans framework), but I haven’t mentioned a good little method of storing that data on the device so you don’t need to request it from a server again. This is a quick tip for how you can do that.

Of course, it depends on the type of data that you are loading from your server in the first place. You wouldn’t necessarily want to store data that would be out of date quickly – such as share prices or live sports scores. But there will certainly be times when you want to save the data you’ve just loaded for use at a later time, without having to load it again.

(more…)

Using JavaScript's transitionend event to maintain event control when handling sequential CSS transitions in a PhoneGap app

  • 12 comments

Filed in: Cordova, javascript, jQuery, PhoneGap, Uncategorized

It’s pretty simple to create animations with CSS3’s transition and animation properties. And the ability to hardware accelerate these effects gives you a lot of power to create a PhoneGap app UI with a native feel.

One issue I sometimes run into is firing an event after a transition has completed and/or chaining multiple transitions to occur one after another while keeping event control at the same time. I’m not talking about an overly complex series of animations, I just mean dealing with a couple of a transitions that occur one after another. There are two methods that I use in these situations.

(more…)

My article for Adobe's Appliness magazine: Loading data into, and posting data from, a PhoneGap app

  • 53 comments

Filed in: android, apps, Cordova, iOS, jQuery, JSON, MySQL, PhoneGap, php, Uncategorized, zepto

In September we tweeted a photo at RITH of a PhoneGap app we’d been working on. The photo showed the app running on quite a few iOS and Android phones and an iPad. One HTML5 app, running perfectly on many devices, all with different resolutions and pixel densities.

UniApp running on iPhone and Android phones and an iPad

Following a retweet by PhoneGap we were contacted by Adobe’s new magazine, Appliness, to see if we’d like to write an article for their October issue. I jumped at the chance.

(more…)

Responsive button feedback in PhoneGap apps: a better alternative to -webkit-tap-highlight-color

  • 24 comments

Filed in: android, apps, Cordova, css, iOS, PhoneGap, Uncategorized, zepto

I don’t think I’m alone when I say that the most important thing with a PhoneGap app is that it feels responsive to a users touch. It goes without saying that the easiest argument that web/hybrid app neigh-sayers have is touch response lag. The first thing they’re going to point fingers at and tweet to their native compadres is how many milliseconds it takes for a button to light up when it is touched.

(more…)

How to elegantly handle errors in a PhoneGap app by using device API native notifications

  • 26 comments

Filed in: android, apps, Cordova, iOS, jQuery, PhoneGap, Uncategorized

Making use of the device API is what makes PhoneGap so brilliant. What’s equally brilliant is how simple it is to integrate some of these functions within your app.

One of these functions is the native notification which can be used in place of, or in addition to, any error messages that you might need to display in your app.

(more…)