1、Backbone移動(dòng)實(shí)例

這是在Safari中運(yùn)行的一款Backbone移動(dòng)應(yīng)用程序。想開始體驗(yàn)移動(dòng)開發(fā)，一個(gè)好的出發(fā)點(diǎn)就是關(guān)注這個(gè)應(yīng)用程序的構(gòu)建方式。先不妨在你的瀏覽器中查看該應(yīng)用程序。

相關(guān)鏈接：http:///2010/11/24/backbone-jquery-demo.html

2、使用媒體查詢來鎖定設(shè)備

你可能會(huì)問如何使用CSS來鎖定設(shè)備(根據(jù)屏幕尺寸)。比如說，你想要為iPad設(shè)計(jì)兩列布局、為智能手機(jī)設(shè)計(jì)單列布局。要做到這一點(diǎn)，最佳辦法就是使用媒體查詢。只要一些簡單的媒體查詢已到位，你就能迅速讓CSS鎖定屏幕尺寸。

相關(guān)鏈接：http:///6731-css-media-queries/

3、快速技巧：如何使用@Font-face

可幾個(gè)字體更換方法可以使用，比如cufon、sIFR、FLIR、@font-face和Google Fonts API。使用jQuery Mobile構(gòu)建web應(yīng)用程序時(shí)，我發(fā)現(xiàn)@font-face方法是用起來最容易的方法，其性能讓人相當(dāng)滿意。

相關(guān)鏈接：http://net./tutorials/design-tutorials/quick-tip-how-to-work-with-font-face/

4、何處添加額外的jQuery調(diào)用

如果你想在移動(dòng)插件被觸發(fā)之前改動(dòng)頁面上的內(nèi)容，那么建議的解決辦法就是只要把傳統(tǒng)的jQuery調(diào)用放在裝入移動(dòng)插件的引用之前。這樣，你的jQuery命令就有機(jī)會(huì)在庫裝入之前運(yùn)行。

相關(guān)鏈接：http://www./2011/05/10-handy-jquery-mobile-tips-and-snippets-to-get-you-started/

5、完整的基本頁面

你可能發(fā)現(xiàn)自己一再需要為基本頁面建立完整的標(biāo)記。正因?yàn)槿绱?，這里是創(chuàng)建一個(gè)基本頁面所需要的全部代碼。

相關(guān)鏈接：http://www./2011/05/10-handy-jquery-mobile-tips-and-snippets-to-get-you-started/

6、自行創(chuàng)建列結(jié)構(gòu)

如果你想為多個(gè)設(shè)備設(shè)計(jì)最佳的單個(gè)頁面結(jié)構(gòu)，會(huì)發(fā)現(xiàn)自己經(jīng)常結(jié)合運(yùn)用上述的媒體查詢技巧和“隨意順序的列”(columns in any order)方法。幸好，web開發(fā)人員很早以前就弄清楚了如何移動(dòng)列以及結(jié)合運(yùn)用這個(gè)方法和媒體查詢。

相關(guān)鏈接：http://www./articles/onetruelayout/anyorder

7、結(jié)合使用谷歌分析(Google Analytics)工具和jQuery Mobile

可以學(xué)習(xí)如何結(jié)合使用谷歌分析(Google Analytics)工具和jQuery Mobile。

相關(guān)鏈接：http://www./blog/2011/01/10/google-analytics-and-jquery-mobile/

8、通過AJAX和PHP，提交jQuery Mobile表單

可以學(xué)習(xí)如何通過AJAX和PHP，提交jQuery Mobile表單。

相關(guān)鏈接：http://www./blog/?p=2574

9、如何使用jQuery Mobile來創(chuàng)建移動(dòng)WordPress主題

這個(gè)工具讓你很容易創(chuàng)建移動(dòng)網(wǎng)站和web應(yīng)用程序。在這個(gè)教程中，我會(huì)介紹如何創(chuàng)建針對(duì)移動(dòng)設(shè)備優(yōu)化的WordPress主題。

相關(guān)鏈接：http://www./blog/how-to-create-a-mobile-wordpress-theme-with-jquery-mobile

10、使用jQuery Mobile來創(chuàng)建網(wǎng)站，第一個(gè)部分

在這個(gè)教程中，我會(huì)介紹如何使用jQuery Mobile來創(chuàng)建網(wǎng)站。在該教程的這第一個(gè)部分中，我會(huì)解釋網(wǎng)站的特點(diǎn)，還會(huì)實(shí)施網(wǎng)站的主頁。

相關(guān)鏈接：http:///2011/creating-a-website-using-jquery-mobile-part1/

11、使用jQuery Mobile來創(chuàng)建網(wǎng)站，第二個(gè)部分

作為如何使用jQuery Mobile來創(chuàng)建網(wǎng)站這個(gè)系列的下一個(gè)部分，現(xiàn)在介紹構(gòu)建揚(yáng)聲器(Speakers)頁面。

相關(guān)鏈接：http:///2011/creating-a-website-using-jquery-mobile-part-2/

12、禁用按鈕動(dòng)作

下面介紹如何禁用按鈕動(dòng)作(比如說禁止打開頁面)，添加下列JavaScript。

相關(guān)鏈接：http:///weblog/2011/01/31/top-10-jquery-mobile-code-snippets-that-you-need-to-know/

13、創(chuàng)建彈出式對(duì)話框

jQuery Mobile庫的一項(xiàng)便利特性就是內(nèi)置的彈出內(nèi)容或?qū)υ捒蛱匦?。?chuàng)建這項(xiàng)便利的特性簡單得很。注意：首先，目標(biāo)頁面必須是完整的jQuery Mobile頁面，如第一個(gè)技巧所概述。其次，這只適用于外部頁面;它必須是完整的單獨(dú)頁面才能正常工作。

相關(guān)鏈接：http://www./2011/05/10-handy-jquery-mobile-tips-and-snippets-to-get-you-started/

14、jQuery Mobile簡介

可以學(xué)習(xí)如何使用jQuery Mobile框架。這個(gè)基本簡介主要介紹了如何建立頁面、鏈接、導(dǎo)航和按鈕。

相關(guān)鏈接：http://www./watch?v=VY20Q6ON4QA

15、設(shè)定頁面的背景顏色

這聽起來可能很簡單，但我花了好幾分鐘才弄清楚如何給頁面添加背景顏色，又不會(huì)被jQuery Mobile CSS所覆蓋。通常你會(huì)給主體元素設(shè)定背景顏色，但如果你在使用jQuery Mobile框架，就需要把它設(shè)成ui-page類。

相關(guān)鏈接：http:///weblog/2011/01/31/top-10-jquery-mobile-code-snippets-that-you-need-to-know/

16、jQuery Mobile：我能為你做些什么?

可以弄清楚新的jQuery Mobile框架如何幫你輕松構(gòu)建外觀出色、跨設(shè)備運(yùn)行的web應(yīng)用程序。包括許多代碼示例和演示?？梢詫W(xué)習(xí)創(chuàng)建一個(gè)簡單的jQuery Mobile應(yīng)用程序。

相關(guān)鏈接：http://www./articles/jquery-mobile-what-can-it-do-for-you/

17、禁止裝入彈出式消息

我覺得裝入彈出式消息有點(diǎn)煩人，因?yàn)槊慨?dāng)你裝入不同的頁面，該操作就會(huì)被觸發(fā)。想禁止這個(gè)操作，只要往你的JS文件中添加下面這行代碼。

相關(guān)鏈接：http:///weblog/2011/01/31/top-10-jquery-mobile-code-snippets-that-you-need-to-know/

18、如何使用jQuery Mobile來創(chuàng)建RSS閱讀程序

如今，我們會(huì)深入介紹使用PHP 和jQuery Mobile，創(chuàng)建一個(gè)簡單的Tuts+ RSS閱讀程序。創(chuàng)建完畢后，你只要點(diǎn)擊一下按鈕，并且運(yùn)用構(gòu)建web應(yīng)用程序的技能，就可以把這個(gè)簡單項(xiàng)目添加到你的iPhone或Android手機(jī)上。

相關(guān)鏈接：http://net./tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/

19、“Cancel”和“Save”按鈕組合

這段代碼滿足了兩個(gè)基本要求。第一個(gè)要求是，讓兩個(gè)按鈕彼此相鄰。幸好，jQuery Mobile庫有一種內(nèi)置的列結(jié)構(gòu)，只要使用fieldset標(biāo)簽和合適的類，很容易利用這種結(jié)構(gòu)，如下所示。第二個(gè)要求是，讓兩個(gè)按鈕有不同的主題。這段代碼直接來自說明文檔，我把它留在手邊，以便經(jīng)常使用。

相關(guān)鏈接：http://www./2011/05/10-handy-jquery-mobile-tips-and-snippets-to-get-you-started/

20、使用jQuery鎖定平臺(tái)

盡管我們很想為某些設(shè)備執(zhí)行某些CSS語句，但我們也想只在特定的設(shè)備上運(yùn)行jQuery。下面對(duì)來自Snipplr的一些代碼作了改動(dòng)，那樣我很容易把jQuery的一部分隔離開來，以便根據(jù)用戶的設(shè)備來運(yùn)行。

相關(guān)鏈接：http:///view/31607/iphone-ipad-ipod-detect/

21、創(chuàng)建自定義主題

jQuery Mobile框架隨帶五個(gè)主題：主題A、主題B、主題C、主題D和主題E。但是你很容易為自己的web應(yīng)用程序創(chuàng)建一個(gè)新主題。

相關(guān)鏈接：http:///weblog/2011/01/31/top-10-jquery-mobile-code-snippets-that-you-need-to-know/

22、阻止一些關(guān)鍵項(xiàng)目被截?cái)?/strong>