Jquerymobile ppt
Upcoming SlideShare
Loading in...5
×
 

Jquerymobile ppt

on

  • 2,512 views

jquery mobile!!

jquery mobile!!

Statistics

Views

Total Views
2,512
Views on SlideShare
2,500
Embed Views
12

Actions

Likes
0
Downloads
89
Comments
0

1 Embed 12

http://www.verious.com 12

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Jquerymobile ppt Jquerymobile ppt Presentation Transcript

  • ¿Que es?Mobile Framework usa jQuery.Multibrowser.Multiplataforma.Crear aplicaciones web que se sienten tan cerca comolas aplicaciones nativas.
  • PlataformasiOS, Android, Windows MobileBlackberry, Symbian, webOSFirefox Mobile (Fennec), Opera Mobile /MiniMeego, bada, Maemo...Phonegap!
  • Elementos básicos de<!doctype html> página<html> <head> <title>Page Title</title> <link rel="stylesheet" href="jquery.mobile.css" /> <script src="jquery.js"></script> <script src="jquery.mobile.js"></script></head><body><div data-role="page"> <div data-role="header"> <h1>Page Title</h1> </div> <div data-role="content"> <p>Page content goes here.</p> </div> <div data-role="footer"> <h4>Page Footer</h4> </div></div></body></html> View slide
  • 2 Paginas<div data-role="page" id="page1"> <div data-role="header"> <h1>Page 1</h1> </div> <div data-role="content"> <a href="#page2" data-role="button">Go to Page 2</a> </div></div><div data-role="page" id="page2"> <div data-role="header"> <h1>Page 2</h1> </div> <div data-role="content"> <a href="#page1" data-role="button">Go to Page 1</a> </div></div> View slide
  • Fixed Footer Navigation<div data-role="footer" data-id="myfooter" data-position="fixed"> <div data-role="navbar"> <ul> <li><a href="footer.html" class="ui-btn-active">One</a></li> <li><a href="footer2.html">Two</a></li> <li><a href="footer3.html">Three</a></li> </ul> </div></div>// Second page<div data-role="footer" data-id="myfooter" data-position="fixed"> <div data-role="navbar"> <ul> <li><a href="footer.html">One</a></li> <li><a href="footer2.html" class="ui-btn-active">Two</a></li> <li><a href="footer3.html">Three</a></li> </ul> </div></div>// Third page<div data-role="footer" data-id="myfooter" data-position="fixed"> <div data-role="navbar"> <ul> <li><a href="footer.html">One</a></li> <li><a href="footer2.html">Two</a></li> <li><a href="footer3.html" class="ui-btn-active">Three</a></li> </ul> </div></div>
  • <a href="galeria.html" rel="external" data- transition="slide"></a>
  • Formulario
  • http://codiqa.com/
  • http://jquerymobile.com/themeroll er/
  • Recursos
  • Jquery Mobile Gallery http://www.jqmgallery.com/
  • Test http://www.mozilla.org/en- US/mobile/
  • Sitios Recomendadoshttp://jquerymobile.com/http://detectmobilebrowsers.com/http://net.tutsplus.com/tag/jquery-mobile/http://revolucion.mobi/http://www.ibm.com/developerworks/web/library/wa-jqmobile/