jQuery Mobile Tutorial: Creating a Restaurant Picker Web App

Mar 08 2012 With an increase in the number, diversity and complexity of smartphones, more and more companies want to have their own mobile app, but creating a native app can be pretty expensive. It requires special skills, as well as special coding tools, and then there is also the need to build an app per platform (Android, iOs, BlackBerry, Windows Phone, etc). All of this figures in to a higher price tag for the app development. The jQuery framework has been around the web for a while now, but the jQuery base technology was basically designed for browser apps. jQuery Mobile is a framework based on jQuery that enables web designers to create web-apps that are optimized for use on a mobile device (Smartphone and tablets). In this jQuery Mobile tutorial, we will create a nice demo app from scratch, to show some of the things that can be easily done using this powerful tool. The Concept of the Mini App: Restaurant Picker Wireframing Our Application. Home Screen : Choose a Plate Choose a Town

LESS « The Dynamic Stylesheet language jQuery Masonry gSprite plugin - jQuery Aladdin (HTML5, JavaScript and jQuery animation for games example) Description Javascript and DHTML animation is surprisingly easy to build. setInterval function was used for animation. The init function of this plug in takes a graphic containing animation frames. Other parameters should be modified internally in the js file. The gif sprite transparency feature is very effective at creating game-like sprites. The character sprite is always playing the running animation whether the keys are pressed or not. Controls Only works in Firefox - The keyboard controls were implemented by intercepting the window.keydown events. Left arrow - run left Right arrow - run right Z - jump Sprite animation The frames are stored in Aladdin64.gif, a continuous 64x64 sprite set from the Aladdin game (SNES version). Designed for Firefox Due to the lack of time on my part, this plugin will work best in Firefox browser. Ideas for future Add Abu and make him follow Aladdin.