Developing for iPhone and Android…

For testing the app we used an iPhone and two Android phones: a Nexus S with Jelly Bean and a HTC Desire with Gingerbread and of course the simulators from Xcode and Eclipse.

Some more photos:

Here is our “inspirational” background :)

…and creating a responsive web layout

Another set of pictures are about creating the app’s website: about a day’s work of adjusting the responsive layout. It now accommodates well from 320px width screens to wide desktop monitors. Here is the app’s website in action.

A very useful tool was the Chrome Web Developer Extension “View Responsive Layouts” which automatically resizes for all the most common resolutions, all in one page:

Mobile portrait (320×480)

Mobile landscape (480×320)

Small tablet portrait (600×800)

Small tablet landscape (800×600)

Tablet portrait (768×1024)

Tablet landscape (1024×768)

Let us know what you think about the app!
Any requests about what we should include in the next version?