Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Jquery Mobile
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Willy Aguirre
December 11, 2012
Technology
1
110
Jquery Mobile
Introducción a Jquery Mobile
Willy Aguirre
December 11, 2012
Tweet
Share
More Decks by Willy Aguirre
See All by Willy Aguirre
Rust, el nuevo lenguaje de Mozilla
marti1125
0
39
Una Introduccion a Marketplace
marti1125
1
270
La web en HTML5
marti1125
1
49
Other Decks in Technology
See All in Technology
AIエージェントに必要なのはデータではなく文脈だった/ai-agent-context-graph-mybest
jonnojun
1
240
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
abemii
0
150
1,000 にも届く AWS Organizations 組織のポリシー運用をちゃんとしたい、という話
kazzpapa3
0
150
~Everything as Codeを諦めない~ 後からCDK
mu7889yoon
3
490
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
nihonbuson
PRO
2
330
こんなところでも(地味に)活躍するImage Modeさんを知ってるかい?- Image Mode for OpenShift -
tsukaman
1
170
Greatest Disaster Hits in Web Performance
guaca
0
280
22nd ACRi Webinar - NTT Kawahara-san's slide
nao_sumikawa
0
100
Ruby版 JSXのRuxが気になる
sansantech
PRO
0
170
会社紹介資料 / Sansan Company Profile
sansan33
PRO
15
400k
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
soudai
PRO
12
5.6k
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
rvirus0817
0
350
Featured
See All Featured
KATA
mclloyd
PRO
34
15k
Writing Fast Ruby
sferik
630
62k
The Spectacular Lies of Maps
axbom
PRO
1
530
WENDY [Excerpt]
tessaabrams
9
36k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
170
BBQ
matthewcrist
89
10k
Code Review Best Practice
trishagee
74
20k
AI: The stuff that nobody shows you
jnunemaker
PRO
2
270
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
130
Transcript
None
¿Que es? Mobile Framework usa jQuery. Multibrowser. Multiplataforma. Crear aplicaciones
web que se sienten tan cerca como las aplicaciones nativas.
Plataformas iOS, Android, Windows Mobile Blackberry, Symbian, webOS Firefox Mobile
(Fennec), Opera Mobile / Mini Meego, bada, Maemo... Phonegap!
Elementos básicos de página <!doctype html> <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>
None
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>
None
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>
None
<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 Recomendados http://detectmobilebrowsers.com/ http://net.tutsplus.com/tag/jquery-mobile/ http://revolucion.mobi/ http://www.ibm.com/developerworks/web/library/wa-jqmobile/ http://jquerymobile.com/