Useful Tools, Template and Design for iPad and iPhone

In these days, I'm on developing web based Mobile Tablet project for especially iPad. That's why I need more information about iPad such as framework, template and Design for coming out nice GUI design. For actually development, I've used jQueryMobile of course because it's kinda flexiable and reliable. But I gotta know which other else framework and template are avaliable for web mobile development. For that case, I've found this website http://webdesignledger.com has a lot of information for iPhone and iPad development articles. Among them, I'd love to read the following three articles for iPad development.

http://webdesignledger.com/freebies/11-ui-kits-for-iphone-and-ipad-development

http://webdesignledger.com/tools/10-best-ipad-apps-for-web-designers

http://webdesignledger.com/inspiration/30-inspiring-ipad-app-websites

Hope above three articles will be useful for someone who is trying to implement Web Tablet Development like me.

Simple jQueryMobile Keypad

Currently, I'm on web based mobile project for our current project. That's why I've developed this project with jQueryMobile framework because it's very simple and reliable to use for developers like us. In jQueryMobile, almost features are cool like calendar plugin, date plugin, etc. For me, keypad plugin is missing and I feel isn't not urgently needed because we can use mobile phone keypad as well. Unfortunately, my senior urged me to add KeyPad feature in our project. That's why I'm about to develop it by my own.

First of all, I need to write following coding in index.cfm.

view plain print about
1<label>Enter Phone Number</label>
2<!--- store current DOM --->
3<input type="hidden" name="currentDOM" id="currentDOM">
4<input type="text" name="phone" data-inline="true" id="phone" maxlength="8" /></td>
5<a href="keypad.html"
6    data-role="button"
7    onclick="setFocus('phone')"
8    data-iconpos="notext"
9    data-inline="true"
10    data-rel="dialog"
11    data-transition="pop"
12    data-icon="gear">
&nbsp;</a>

[More]

Top of Page