Diseño UI con jQuery mobile

2,489
-1

Published on

Esta es una presentación enfocada a revisar las características de diseño de UI móviles con jQuery Mobile que impartí en el segundo hackathon del Reto BlackBerry.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Diseño UI con jQuery mobile

    1. 1. Diseño con jQuery Mobile @edgarparada
    2. 2. Agenda• Introducción HTML5• Web Móvil• jQuery Mobile• Demo• ¿Preguntas?
    3. 3. Requisitos• Web Tools (Dreamweaver, Expression Web, Aptana, Coda, etc.)• jQuery Mobile• Simulador o Dispositivo• Servidor Web (MAMP o WAMP)• SDKs • WebWorks http://developer.blackberry.com/html5
    4. 4. ¿Qué es? Web Semántica Canvas CSS3 Video GeolocalizaciónAlmacenamiento Local Forms
    5. 5. Web Móvil Smartphones Tablets WebKit SDKs caniuse.com modernizr
    6. 6. jQuery MobileUn sistema para crear UI basadoen HTML5 para las plataformas móviles más populares, construído con jQuery.
    7. 7. jQuery Mobile Prototyping
    8. 8. Crear un tema jQuery Mobile con Fireworks CS6El tema de jQuery Mobile incluye algunos sprites y andswatches, es posible usar Fireworks CS6 para modificarlos.
    9. 9. Icon PlaceholdersDentro de los sprites asociados a los temas en jQuery Mobileun concepto importante son los icon placeholders, conFireworks CS6 se pueden crear nuevos iconos.
    10. 10. jQuery Mobile SwatchesSe pueden seleccionar direrentes iconos para nuestroscontroles en jQuery Mobile.
    11. 11. Bootstrap, from Twitter
    12. 12. jQuery Mobile Icon Pack
    13. 13. Split View
    14. 14. ¿Preguntas?Diseño con jQuery Mobile @edgarparada

    ×