background preloader


Facebook Twitter

Some useful sites

Top 10 jQuery Mobile Code Snippets that you need to know. jQuery Mobile is a framework for mobile web apps and mobile websites with an aim to provide a unified user interface system across many mobile device platforms such iPhone, BlackBerry, Android and Windows Mobile.

Top 10 jQuery Mobile Code Snippets that you need to know

The framework is built on top of one of the most popular Javascript frameworks, jQuery. Followings are some of the most useful code snippets that I’ve used in my recent web app developed using jQuery Mobile framework. 1. Disable truncation for list items and buttons If your list item or button has a long text, it will be truncated automatically by jQuery Mobile. For example, to disable truncation for buttons: To disable truncation for list descriptions: To enable truncation, set it to “white-space: nowrap;“. 2. jQuery Mobile has a number of page initialization events that you can use to trigger certain methods on page load. Javascript 3. To disable a button action (for eg: from opening a page), add the following Javascript. $('#home-button').button("disable"); And to re-enable it: 4.

JQM Widgets

Awesome++ View topic - jQuery Mobile Application Programming. Topic Category. Hello jQuery Mobile » BuildMobile. In this article I am going to introduce you to jQuery Mobile, hereafter fondly referred to as jQM.

Hello jQuery Mobile » BuildMobile

We will step through the absolute minimum required to author a website with jQM, touch on some of the preliminary pitfalls, and build up a reference project with which you can hold hands as you take your own first steps. jQuery mobile cheat sheet. 10 handy jQuery mobile tips and snippets to get you started. As with any new technology, getting started is often the hardest part.

10 handy jQuery mobile tips and snippets to get you started

With this frustration in mind, we have put together some of my handiest tips, tricks and code snippets related to the jQuery Mobile library. Because this is not a full-on primer for using the library, we will skip over some of the things that become rather obvious as you get started and instead get straight to the items that become rather frustrating or troublesome. Also be sure to let us know in the comments which snippets you found useful and of any others that you know of that can be useful. 1. A full basic page I find myself needing the full mark-up for a basic page over and over again. <! 2. When I got started using this awesome extension to jQuery, I immediately found myself wanting to modify things on the page before the mobile plug-in was triggered. As it turns out, the recommended solution is to simply put traditional jQuery calls before the reference that loads the mobile plug-in. 3. 4. For list items: 5. 6. 7. jQuery Mobile: A New Mobile Framework That Shows the True Power of the Web.

The jQuery Project has just announced a new mobile framework called jQuery Mobile to be available later this year.

jQuery Mobile: A New Mobile Framework That Shows the True Power of the Web

The project is really aiming big, since it will not only support iPhone and Android like some projects, but a full spectrum of devices including devices running iOS, Android, Blackberry, Samsung Bada, Windows Phone 7, Palm WebOS, Symbian, and MeeGo. To me, this is the most exciting aspect of the project, and it shows off the power of the web as a write once, run anywhere platform. As more devices come out and support is added to jQuery Mobile, your app will automatically just work on those platforms - no work necessary for you!

The following paragraph is an excerpt from jQuery’s Mobile Strategy, and it says really well why a true cross platform framework like this is absolutely necessary. 10 handy jQuery mobile tips and snippets to get you started. Simple App Creation Using jQuery Mobile. Introduction jQuery has successfully reached the world of mobile phones.

Simple App Creation Using jQuery Mobile

It’s called jQuery Mobile, It’s incredibly easy to use, you just have to include the jQuery Mobile files in your header and add few data attributes to your markup and you’re all set. All styling is handled by jQuery and the ncluded CSS file, so you can create a complete mobile webpage in just a matter of minutes. In this example, we’re going to create a simple page that loads internal links using transition effects. The first steps will outline the generic usage of jQuery Mobile whereas the rest will take a peek at the specific elements used in the demo.

50 jQuery Mobile Development Tips.