JQM Skeleton Update


This is the second version of this post. I realized late that version 1.1.1 of jQuery Mobile had been released three days ago. Since it fixes a lot of issues, I made corrections to the post and the source code to support it.


The JQM Skeleton project has been updated with a few niceties to make it friendlier to mainly to iPhones, but it also helps Android phones.

jQuery

The first thing that I changed was the jQuery Mobile plugin from version 1.1.0 to 1.1.1. I just released this version went final. This fixes a lot of issues, especially for the PhoneGap lovers out there.

Apple Web App

We already had the meta tag for supporting Apple’s web app functions set to true. In order to make most use of it I also added support for the iPhone and iPad variety of icons. The icons are a big nicety for your users since if they add your site to their home screen, it will give them an icon which looks like any other app on their screen. In the same vein, I added support for the iPhones start-up image. This is a splash page which if it exist on your site and your site is home screen’ed, will be downloaded to the user’s phone. When the user launches your site next, the splash page is shown while your site is downloaded to the user’s phone. All of these modifications, make your site very app-like to your users.

One interesting thing for Android 2.2 and higher users is that the home page will also read Apple’s apple-touch-icon attribute and use the big icon file on the home page instead of either favicon.ico or the generic star icon. Android will even give it rounded corners.

Favicon.ico

I added favicon.ico to the root directory and I also added a link to it in the section. While most browsers will pick it from the root, the link helps ensure that it is found.

Summary

That’s it for this update. There will be another one in a few weeks as I put more support for the iPad in it, plus a few other things that I am playing around with now. The source, as always, is on GitHub: https://github.com/Rockncoder/JQMSkeleton.

http://ws.amazon.com/widgets/q?rt=tf_cw&ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Fronco-20%2F8010%2F34c4e293-16aa-4cdf-8038-60405588f045&Operation=GetDisplayTemplate Amazon.com Widgets

Advertisements

2 thoughts on “JQM Skeleton Update

  1. Glad you like it. Be sure to follow on Twitter @therockncoder. Lots more stuff coming including HTML5 and PhoneGap games, HTML5 location and Google maps, scrolling/swiping, etc. All with complete source code so you can get started quickly.

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s