在2012年中最好的20个jQuery Mobile的教程
openkk 12年前
<h3><a href="/misc/goto?guid=4958523069510339691" target="_blank">Building a Restaurant Picker Web App</a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523069510339691" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/e36d8dbe746be08f9e68acd06732aa28.jpg" width="320" height="240" /> </a> </div> How to build a jQuery Mobile app for choosing a restaurant based on what the user want to eat tonight, the town where they want to eat and other user’s ratings of the restaurants. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523069620532902" target="_blank">Creating a Great Mobile Experience Today</a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523069620532902" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/6a7329c1992bd9837051ce35e5c5fa78.jpg" width="320" height="240" /> </a> </div> For larger data-focused sites, or sites that are "almost applications" you will want to consider a custom mobile version of your site. This is often done with the help of a mobile framework like jQuery Mobile. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523069720064155" target="_blank">Custom Themes with jQuery Mobile </a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523069720064155" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/46dd84700ea51d6daa9fc7ae9c186a51.jpg" width="320" height="240" /> </a> </div> jQuery Mobile isn’t just a scripting library, but an entire framework to build upon and produce efficient mobile templates. Thus, the process of constructing a mobile template from scratch has been significantly improved. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523069827506530" target="_blank">Creating a Mobile Website </a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523069827506530" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/fc9ee957900040c32d90c45bd45ed7a8.jpg" width="320" height="240" /> </a> </div> The basic techniques for creating the pages of a mobile website, That will include the use of dialog boxes, buttons, and navigation bars. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523069927688001" target="_blank">jQuery Mobile Development Guide</a> </h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523069927688001" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/ca0745513e6dbc664d3e660132dd3784.jpg" width="320" height="240" /> </a> </div> Collection of video tutorials to help you learn jQuery Mobile and all the possibilities. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523070031122141" target="_blank">jQuery Mobile Best Practices </a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523070031122141" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/c60be0573afa11ab7b9f93e049d3c450.jpg" width="320" height="240" /> </a> </div> After working with JQM in a corporate and small business settings, these are some of the lessons I've learned. If you take these to heart, hopefully I can save you some of the same headaches. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523070133684503" target="_blank">jQuery Mobile v1.1: Smoother, Faster and Nicer </a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523070133684503" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/07534524fd64528ddf4b55fd97d8acf6.jpg" width="320" height="240" /> </a> </div> Detailed descriptions and demos to explain what's new and improved in the jQuery Mobile 1.1 mobile web framework. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523070243248559" target="_blank">jQuery Mobile Visual Builder </a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523070243248559" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/b3ba7910024a615ff2ff6d3fddbf7f07.jpg" width="320" height="240" /> </a> </div> Tiggzi is a cloud-based mobile app builder. It comes with a very powerful and easy to use visual, drag-and-drop builder for HTML5 and jQuery Mobile. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523070337965028" target="_blank">ASP.NET MVC 4 and SignalR Application</a> </h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523070337965028" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/04cfd7311d7dfd07d77953debcc6d461.jpg" width="320" height="240" /> </a> </div> ASP.NET MVC 4 beta offers enhanced mobile support through the introduction of new APIs. In this article, we will explore how jQuery.Mobile.MVC package, that is a part of MVC4, leverages jQuery.mobile and HTML5 to create targeted views for each device. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523070464223296" target="_blank">Creating Themes in Fireworks </a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523070464223296" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/153d76f009c5085656e788da3f35dec7.jpg" width="320" height="240" /> </a> </div> How to use Adobe Fireworks CS6 to create custom jQuery mobile skins and use them in mobile websites based. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523070590908362" target="_blank">Advanced Design Template </a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523070590908362" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/a516a620a00852d5ee0de6de61659ea8.jpg" width="320" height="240" /> </a> </div> Adobe Dreamweaver CS6 features a streamlined workflow for creating a jQuery Mobile project. So, in this article, you will create a simple Mobile application with Dreamweaver CS6. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523070712259537" target="_blank">Building Web Presentations </a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523070712259537" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/e7ddc602ae79e0f124d14e9998b0a2b2.jpg" width="320" height="240" /> </a> </div> jQuery mobile framework provides easily themeable, HTML5-based interface with support for pages transitions, therefore it would be very easy to create simple web presentations that will work on all popular smartphone and desktop platforms. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523070825435439" target="_blank">MVC and Netduino for Home Automation </a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523070825435439" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/112c6a46e33fc774f5fd50441d65037f.jpg" width="320" height="240" /> </a> </div> This article is great for anybody learning jQuery Mobile or building mobile applications with MVC3. I built a remote control for my phone to control a squirt gun for my pool, open my garage door, water the garden and control for my gas fireplace using jQuery Mobile with MVC and a Netduino. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523070956788067" target="_blank">Creating a Custom Theme</a> </h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523070956788067" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/168fcc206e95bb603acf57ff1a0d1f0a.jpg" width="320" height="240" /> </a> </div> An excerpt from jQuery Mobile Web Development Essentials, on the basics of theming and building a custom theme for your app. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523071059624504" target="_blank">Beginner Guide to a Mobile App </a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523071059624504" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/daf9298fe4222bb620c88515dfa654d1.jpg" width="320" height="240" /> </a> </div> A short tutorial to show you how easy it is to create a list based app with the jQuery Mobile framework and hopefully encourage you to give it a try. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523071182402761" target="_blank">Building a Mobile App for Force.com </a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523071182402761" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/32457b54cca84882611bd77f6c64a2b5.jpg" width="320" height="240" /> </a> </div> How to build a mobile app for Salesforce Chatter using Trigger.io and the Force.com APIs with mobile features such as push notifications, geolocation and camera. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523071286436682" target="_blank">Integrating Rails and jQuery Mobile </a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523071286436682" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/26adda6eea578b447ba1eb53f08789e6.jpg" width="320" height="240" /> </a> </div> Highlighting then smoothing over the rough edges of the integration between jQuery Mobile and Rails. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523071399070847" target="_blank">Responsive Design with jQuery Mobile and CSS3</a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523071399070847" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/84a8b069f72bb278da7507764feb59d2.jpg" width="320" height="240" /> </a> </div> On its own, jQuery Mobile is a great for creating mobile website. When paired with CSS3, it becomes possible to create web page layouts that respond to device screen resolution. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523071496378329" target="_blank">Dynamic Page Generation</a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523071496378329" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/376b9f1c3705351b08c36fcff12e7a01.jpg" width="320" height="240" /> </a> </div> How to create a Bible viewer as an example of loading content from XML and dynamically generating pages with jQuery Mobile. <br /> <br style="clear:both;" /> <h3><a href="/misc/goto?guid=4958523071597603941" target="_blank">New Kicks and Tricks</a></h3> <div style="float:right;"> <a href="/misc/goto?guid=4958523071597603941" target="_blank"><img border="0" hspace="4" alt="在2012年中最好的20个jQuery Mobile的教程" vspace="4" src="https://simg.open-open.com/show/21ae4c314cc1e22da7a668b3fc5c721e.jpg" width="320" height="240" /> </a> </div> Book excerpt from "jQuery: Novice to Ninja", 2nd edition. <br />