Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Diseño con jQuery     Mobile     @edgarparada
Agenda• Introducción HTML5• Web Móvil• jQuery Mobile• Demo• ¿Preguntas?
Requisitos• Web Tools (Dreamweaver, Expression Web, Aptana, Coda, etc.)• jQuery Mobile• Simulador o Dispositivo• Servidor ...
¿Qué es?   Web Semántica      Canvas       CSS3       Video   GeolocalizaciónAlmacenamiento Local       Forms
Web Móvil Smartphones   Tablets   WebKit    SDKs caniuse.com  modernizr
jQuery MobileUn sistema para crear UI basadoen HTML5 para las plataformas     móviles más populares,    construído con jQu...
jQuery Mobile Prototyping
Crear un tema jQuery Mobile con             Fireworks CS6El tema de jQuery Mobile incluye algunos sprites y andswatches, e...
Icon PlaceholdersDentro de los sprites asociados a los temas en jQuery Mobileun concepto importante son los icon placehold...
jQuery Mobile SwatchesSe pueden seleccionar direrentes iconos para nuestroscontroles en jQuery Mobile.
Bootstrap, from Twitter
jQuery Mobile Icon Pack
Split View
¿Preguntas?Diseño con jQuery     Mobile     @edgarparada
Upcoming SlideShare
Loading in …5
×

Diseño UI con jQuery mobile

2,909 views

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
  • Be the first to comment

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

×