Your SlideShare is downloading. ×
0
¿Que es?Mobile Framework usa jQuery.Multibrowser.Multiplataforma.Crear aplicaciones web que se sienten tan cerca comolas a...
PlataformasiOS, Android, Windows MobileBlackberry, Symbian, webOSFirefox Mobile (Fennec), Opera Mobile /MiniMeego, bada, M...
Elementos básicos de<!doctype html>                 página<html> <head> <title>Page Title</title> <link rel="stylesheet" h...
2 Paginas<div data-role="page" id="page1"> <div data-role="header">  <h1>Page 1</h1> </div> <div data-role="content">  <a ...
Fixed Footer Navigation<div data-role="footer" data-id="myfooter" data-position="fixed"> <div data-role="navbar">  <ul>   ...
<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:...
Jquerymobile ppt
Jquerymobile ppt
Jquerymobile ppt
Jquerymobile ppt
Upcoming SlideShare
Loading in...5
×

Jquerymobile ppt

2,023

Published on

jquery mobile!!

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

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

No notes for slide

Transcript of "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.

×