Your SlideShare is downloading. ×
Jquerymobile ppt
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Jquerymobile ppt

1,971

Published on

jquery mobile!!

jquery mobile!!

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

No Downloads
Views
Total Views
1,971
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
97
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×