Más contenido relacionado La actualidad más candente (20) Similar a Intro j query_mobile_mojo (20) Intro j query_mobile_mojo7. Learning 2.0 and beyond
tools design process
• Agile
• Rapid development tools
• HTML 5
• Social
10. What is jQuery Mobile
jQuery Mobile is a touch-optimized web
framework (additionally known as a
JavaScript library or a mobile framework)
16. Lets look at some code
Basic Structure (Head)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Mobile Web App</title>
<link href="jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/><script
src="jquery-1.5.min.js" type="text/javascript"></script><script src="1.0a3/jquery.mobile-
1.0a3.min.js" type="text/javascript"></script>
</head>
17. Here is the key files/libraries
jquery.mobile.cssjquery.jsjquery.mobile.js
18. Lets look at some code
Basic Structure (body)
<body>
<div data-role="page" id="page">
<div data-role="header">
<h1>Page One</h1> </div>
<div data-role="content">
<ul data-role="listview">
<li><a href="#page2">Page Two</a></li>
<li><a href="#page3">Page Three</a></li>
<li><a href="#page4">Page Four</a></li> </ul>
</div> <div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
</body></html>
21. PhoneGap
is an open-source mobile development
framework that enables software
programmers to build applications for
mobile devices using JavaScript, HTML5
and CSS3, instead of device specific
languages such as Objective-C
Notas del editor Measurement - Tin Can JQuery is mobile web and app ready