jQuery Mobile provides many benefits. First, it improves the user experience by providing an interface built upon existing mobile design conventions. It was clear very early in the design process that native applications would not be an option for us, yet users were very responsive to designs that emulated many conventions of native apps like nested lists. jQuery Mobile comes baked with many of these conventions.
Third, the combination of these benefits greatly simplifies the client-side development process and enabled us to spend more time conducting usability testing, focusing on information architecture (labeling, arrangement, navigation, etc.), improving access to existing services (databases, catalog, library information), and adding new functionality to enhance the user experience (geolocation).
The Leaflet map library is a recently released open-source map library from Cloudmade. It’s small (under 64 kb minified), well documented, fast, supports CSS3 enhanced map behavior and HTML5 geolocation. And it’s incredibly easy to use. Initializing a map to detect and mark the user’s location is as simple as using the Leaflet example code below:
If you would like to know more about how we used these two frameworks, post a comment below or drop us an e-mail!