优秀的jQuery Mobile教程

fmms 12年前
     <h3><a class="offSite" href="/misc/goto?guid=4958194905603905794" rel="nofollow" target="_blank">jQuery Mobile Tutorial: Basics </a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958194905603905794" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/5b67add71ff8b6560ff3cb3fdb48e7cc.jpg" width="517" height="332" /></a></p>    <p>To help us, smart people have developed a unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Yes, it’s jQuery Mobile.<br /> So, let me show how easy it is to use it. When you start developing with jQuery Mobile, first thing is to build a boilerplate template and see if everything is working as expected</p>    <h3><a class="offSite" href="/misc/goto?guid=4958317641792678500" rel="nofollow" target="_blank">How to create a Mobile website using Mobile jQuery | Introduction</a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958317641792678500" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/77c710ac2e34641b1dfe614a2968a4eb.jpg" width="405" height="398" /></a></p>    <p>There is a first part of jQuery-mobile course for beginners. The course will help you to create sites for any mobile devices - jQuery Mobile currently provides support for the following mobile platforms:<br /> Apple iOS (3.1-4.2): tested on iPhone, iPod Touch, iPad<br /> Android (1.6-2.3): all devices, tested on the HTC Incredible, Motorola Droid, Google G1 and Nook Color<br /> Blackberry 6: tested on Torch and Style<br /> Palm WebOS (1.4): tested on Pre, Pixi<br /> Opera Mobile (10.1): Android<br /> Opera Mini (5.02): iOS, Android<br /> Firefox Mobile (beta): Android </p>    <h3><a class="offSite" href="/misc/goto?guid=4958317643309489488" rel="nofollow" target="_blank">jQuery Mobile Theme Roller </a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958317643309489488" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/0795118162ba9bce822682fd264849c3.jpg" width="547" height="303" /></a></p>    <p>The much anticipated jQuery Mobile Theme Roller! You’ve seen our previous screencasts about building custom mobile themes for jQuery Mobile. Now you can do it without even looking at CSS code. jQuery Mobile Theme Roller is a very easy to use intuitive web application. It comes pre-built with theme swatches from Adobe Kuller. Take a look at this quick screencast that will get you from default theme to your custom jQuery Mobile theme in no time. </p>    <h3><a class="offSite" href="/misc/goto?guid=4958317644834197787" rel="nofollow" target="_blank">jQuery Mobile: What Can It Do for You? </a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958317644834197787" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/d049bf0f0c314ac059c8479df7fcef59.jpg" width="590" height="120" /></a></p>    <p>Find out how the new jQuery Mobile framework can help you build great-looking, cross-device web apps with ease. Lots of code examples and demos included. </p>    <h3><a class="offSite" href="/misc/goto?guid=4958317646343968694" rel="nofollow" target="_blank">Creating a Simple App Using jQuery Mobile</a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958317646343968694" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/45987d3918b6b7fe6919bf9ef2fb16c3.jpg" width="600" height="285" /></a></p>    <p>In this article, we’ll take a look at how easy it is to create a simple mobile website using framework, complete with dynamic (AJAX) page loading, iOS-style design and slick page transitions. </p>    <h3><a class="offSite" href="/misc/goto?guid=4958317647841283787" rel="nofollow" target="_blank">How to create a mobile WordPress theme with jQuery Mobile</a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958317647841283787" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/8e906effe243af87deece3c895920c84.jpg" width="468" height="442" /></a></p>    <p>In this tutorial, I’ll show you how to create a mobile-optimized WordPress theme. </p>    <h3><a class="offSite" href="/misc/goto?guid=4958317649334521842" rel="nofollow" target="_blank">How to Build an RSS Reader with jQuery Mobile</a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958317649334521842" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/808e17609dd8806a062ce222fbac8577.jpg" width="300" height="468" /></a></p>    <p>Today, we’ll dive into jQuery Mobile, which, at the time of this writing, is in a RC1 state. We’ll build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we’re finished, you’ll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your own custom mobile web apps! </p>    <h3><a class="offSite" href="/misc/goto?guid=4958194909280181329" rel="nofollow" target="_blank">jQuery Mobile Framework – A Forms Tutorial </a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958194909280181329" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/ed9a0448684427699eb824fa33461895.jpg" width="548" height="273" /></a></p>    <p>In this tutorial, we will focus on some basic elements of jQuery Mobile: page structure, forms and Ajax form submission. The tutorial is based on version 1.0 alpha release 2 of the jQuery Mobile framework.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958317652286847572" rel="nofollow" target="_blank">jQuery Mobile Example - Paged Search Results </a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958317652286847572" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/0fbfd1ff748aae5e4a3986517f93b4d7.jpg" width="502" height="408" /></a></p>    <p>A reader asked me earlier this week if I could show an example of search, with paged results, under the jQuery Mobile framework. I whipped up a simple demo in five or so minutes. This is not a testament to my coding ability, but rather to just how cool jQuery Mobile is. </p>    <h3><a class="offSite" href="/misc/goto?guid=4958317653793929625" rel="nofollow" target="_blank">Using Google Analytics with jQuery Mobile </a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958317653793929625" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/2a20387a0ff9d810ac37536c8e670260.jpg" width="332" height="133" /></a></p>    <p>I upgraded Crossword Tracker to use jQuery Mobile at the end of November and while it has proven popular, I had a sneaking suspicion my Google Analytics reports were off. The Pages/Visit statistic was quite low (very close to 1 in fact). It turns out that jQuery Mobile requires a little extra effort to execute Javascript on every page load. I broke up the Analytics code into two pieces and now every page view is being tracked. </p>    <h3><a class="offSite" href="/misc/goto?guid=4958188115119272660" rel="nofollow" target="_blank">jQuery Mobile Gallery</a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958188115119272660" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/b5a3c668f89f8c9ad63e241d638db21e.jpg" width="558" height="160" /></a></p>    <p>For some time I was looking for jQuery Mobile gallery solutions and didn’t find much. So I made one. Just want to share my little experiment.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958317656738861547" rel="nofollow" target="_blank">Android-Like Date Picker with jQuery mobile</a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958317656738861547" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/ee755434c0b77691497688b226cbacad.jpg" width="288" height="292" /></a></p>    <p>Android-Like Date Picker with jQuery mobile</p>    <h3><a class="offSite" href="/misc/goto?guid=4958188140624280868" rel="nofollow" target="_blank">A Drupal jQuery Mobile theme</a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958188140624280868" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/b858c333d93dc3357dc6764f72d8e996.jpg" width="368" height="716" /></a></p>    <p>I'll start with this Drupal jQuery Mobile tutorial about what you need in a Drupal mobile theme.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958317659704707593" rel="nofollow" target="_blank">jQuery Mobile icons | add custom button icon, data-icon</a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958317659704707593" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/3cb4bf51888ec263cc3e7adf88191abc.jpg" width="584" height="243" /></a></p>    <p>jQuery Mobile framework has built in icon sets needed for most mobile application.</p>    <h3><a class="offSite" href="/misc/goto?guid=4958317661221707973" rel="nofollow" target="_blank">jQuery Mobile 1.0 </a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958317661221707973" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/b3a58fa807bcadf9a74e87ad34f43b68.jpg" width="350" height="600" /></a></p>    <p>The official release of jQuery Mobile 1.0 was recently announced, and this tutorial will provide you with an overview of how this popular framework can assist you in your cross-platform and web based app development!</p>    <h3><a class="offSite" href="/misc/goto?guid=4958194910010873000" rel="nofollow" target="_blank">Build a jQuery Mobile Survey App: App Logic & Interface </a></h3>    <p><a class="offSite" href="/misc/goto?guid=4958194910010873000" rel="nofollow" target="_blank"><img alt="jQuery Mobile教程" src="https://simg.open-open.com/show/735e8a0b6237bf63082e1311af1fa4e5.jpg" width="400" height="497" /></a></p>