PRP - artifact #5 - The Delicious Miss Dahl iPhone app

Artifact 5 is done and I'm pleased with the progress I've made with JQTouch. Watch a video run through of the app here.

Alternatively, If you have an iPhone or iPod Touch you can point it at tinyurl.com/deliciousdahl too see it for real. For the optimum experience, add it to the homescreen and load it like an app. Full screen is available then.

Lessons learnt:

Use % for widths and heights means that it'll scale in landscape. As I opted in some places for px it meant the screen messed up a little in horizontal. Nevertheless, to counter this problem I learnt about .landscape class that JQTouch provides. (This is what people see if they look at the site on a laptop/desktop browser - their screen is landscape so they get the warning message).

Use CSS3 to lighten the load... gradients and drop shadows being notable techniques now achievable. BUT, remember that some phones don't work with this so provide a fallback i.e. a prerendered graphic.

Try to be original - although the iPhone is reknowned for good design, after making it to be emulate an iPhone's native styling (colour schemes etc are different) I want to push the boat out and do different design... perfect opportunity for artifact 6.

@