jueves, 15 de abril de 2010

xlab.co.uk

xlab.co.uk


Mindblaster iPhone web app

Posted: 14 Apr 2010 03:37 PM PDT

I’ve been playing around with jQTouch recently - an awesome jQuery plugin for creating web apps optimised for the iPhone and iPod touch.

The result is Mindblaster - a simple puzzle created using Javascript, HTML and CSS which you can run as a standalone app on your iPhone or iPod touch.

Visit xlab.co.uk/mblast on your iPhone or iPod touch

Once you’ve got the app loaded in Safari, click the + icon to add the app to your Home Screen.

Here’s a few screenshots -

The actual puzzle logic was knocked together quite quickly using jQuery, with jQTouch handling the interaction and UI. The app uses localStorage, HTML5’s built-in client-side storage, to keep a track of your previous attempts. There’s also offline support so you can still play the game without a web connection.

The most rewarding thing was the speed it took to get things up and running. I worked on the app on and off for 2 days (getting to know the Safari Developer tools quite closely in the process). If you’re comfortable in Javascript, HTML and CSS, download jQTouch and give it a go!

I should also tip my hat in the direction of Jonathan Snook - his Hundred Pushups app gave me the inspiration :)

No hay comentarios:

Publicar un comentario