Creating web apps and sites for the Mobile Web has its own sets of challenges and techniques with jquery design. From UIs optimized for fingers instead of mouse cursors to the bandwidth limitations that most portable personal devices have, developing for mobile devices requires a paradigm shift for those of us who’ve traditionally created products aimed at desktops.
jQuery Mobile, a framework that will help you rapidly and confidently develop mobile app user interfaces across popular mobile device platforms like iOS and Android, is perhaps the most popular project out there. The framework boasts a lightweight code base (weighing in at 20KB when minified and gzipped) and a huge bevy of standard user interface elements that mobile device users are accustomed to, such as switches and sliders. See jQuery Mobile in action by going to its demo page (it doubles as the framework’s official documentation). If jQuery isn’t your thing, check out MooTools Mobile, a MooTools plugin by MooTools core developer Christoph Pojer and Dojo Mobile, which leverages the Dojo API to help developers rapidly build apps for mobile platforms.
Jo is a framework aimed at developers working on HTML5-capable mobile devices such as those the use the iOS, webOS, Android and Chrome OS platforms. It has standard, native-like UI elements such as the web form widget for your login screens and the popup widget that you can use for providing extra information when a user clicks on an interface element. See the demo pageon their site, which includes a screencast displaying Jo in action on multiple devices and mobile platforms.
If you need something super lightweight and you only need features for standard client-side development tasks such as DOM manipulation, event-handling, Ajaxand a few animation effects, check out xui.js. xui.js packs a punch in such a tiny package (4.2 KB when gzipped). xui.js provides targeted builds for specific mobile browsers such as WebKit and IE mobile for when you’re developing apps strictly towards a particular mobile device operating system.
.toggleClass. You can grab ChocolateChip Mobile’s source code off GitHub.
Makara is web designer and he writing about graphic and web design, social media, blogging and freelancing and features articles on 1stepwebdesign.com