Jquerymobile ppt

2,212
-1

Published on

jquery mobile!!

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,212
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
105
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Jquerymobile ppt

  1. 1. ¿Que es?Mobile Framework usa jQuery.Multibrowser.Multiplataforma.Crear aplicaciones web que se sienten tan cerca comolas aplicaciones nativas.
  2. 2. PlataformasiOS, Android, Windows MobileBlackberry, Symbian, webOSFirefox Mobile (Fennec), Opera Mobile /MiniMeego, bada, Maemo...Phonegap!
  3. 3. 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>
  4. 4. 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>
  5. 5. 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>
  6. 6. <a href="galeria.html" rel="external" data- transition="slide"></a>
  7. 7. Formulario
  8. 8. http://codiqa.com/
  9. 9. http://jquerymobile.com/themeroll er/
  10. 10. Recursos
  11. 11. Jquery Mobile Gallery http://www.jqmgallery.com/
  12. 12. Test http://www.mozilla.org/en- US/mobile/
  13. 13. 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/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×