background preloader

jQuery Mobile

Facebook Twitter

JQuery Mobile and Ruby on Rails - Jokels vs. Noise. Jquery-ui-map - Google map v3 plugin for jQuery and jQuery Mobile. The Google Map version 3 plugin for jQuery and jQM takes away some of the head aches from working with the Google Map API.

jquery-ui-map - Google map v3 plugin for jQuery and jQuery Mobile

Instead of having to use Google event listeners for simple events like click, you can use jQuery click events on the map and markers. It is also very flexible, highly customizable, lightweight (3.2kB or 3.9kB for the full) and works out of the box with jQuery mobile. But one of its best features (atleast for SEO people) is that you can populate a map from microformats, RDFa or microdata on your site, which can be used as a fallback when a user doesn't have javascript enabled.

Download the plugin with examples or get the minified file here Donate Entities which have donated jQuery mobile demo jQuery Mobile example Demo Documentation Tutorial sample code. Demos and tutorials using jquery-ui-map Help? Post in the forum If you need professional help with any implementation please email me directly Links.

Cookies HQ, Ruby on Rails and Javascript development agency in Bristol. I recently had to develop a mobile version of Kyero.com, a Spanish selling and renting property website.

Cookies HQ, Ruby on Rails and Javascript development agency in Bristol

The desktop website has been under active development for the past 6 years. It’s developed with Rails, and I had to plug my code around the existing one trying to minimise “new features == new files” impact. The whole mobile version was ready in around 5 days of development and we added 3 more days to polish the style and UX. Here is what I’ve learned. The debate between responsive VS specific app We obviously asked ourselves what the right choice was between them. Do your homework When developing a mobile app, it always helps to create initial on scale wireframes, so you can easily spot UX mistakes or overcrowded pages. Jquerymobile-rails. Integrating Rails and jQuery Mobile. The mobile web is huge and it's continuing to grow at an impressive rate.

Integrating Rails and jQuery Mobile

Along with the massive growth of the mobile internet comes a striking diversity of devices and browsers. It's not all WebKit, it's definitely not all iOS, and even when it is WebKit there are a vast array of implementation differences between browser APIs. As a result, making your applications cross-platform and mobile-ready is both important and challenging. jQuery Mobile provides a way to jumpstart development of mobile-friendly applications with semantic markup and the familiarity of jQuery. Rails provides an easy-to-use application environment for serving that markup and managing the data that backs it. In this article, I highlight and then smooth over the rough edges of the integration between these two frameworks. All the examples and advice in this article are derived from the construction of a sample application that tracks the presence of employees in an office.

Glyphish – Great icons for great iPhone & iPad apps. jQuery Mobile 101. View all articles jQuery Mobile is to mobile what jQuery UI is to desktop.

jQuery Mobile 101

It's a touch optimised framework that makes building mobile optimised sites and apps a breeze for anyone beginning in the world of mobile application development using web technologies. The team behind jQuery mobile have set out to make a framework that can be used along with jQuery core and make developing a mobile site as painless as possible, and they have pretty much delivered.

If you have any experience at all with markup, getting started with jQuery mobile will not be a problem at all. The important thing to remember is that jQuery mobile is a mobile first framework and works just as well to help build apps for desktop browsers. Before you jump into jQuery mobile, make sure that it will support the platforms you are aiming for. We're going to build a simple application, one that you could build for your own site (if you have one), and give a very general overview of how to use jQuery Mobile. <! <! ! !