Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Desarrollo de Apps tipo Magazine para iOs & And...

Desarrollo de Apps tipo Magazine para iOs & Android

Javier Alonso

March 09, 2012
Tweet

More Decks by Javier Alonso

Other Decks in Programming

Transcript

  1. ¿?

  2. ...

  3. 1. Modo Aplicación 2. Multimedia 3. Multiplataforma 4. Sencillo 5.

    Curva de aprendizaje plana 6. Barato 7. OpenSource Necesidades
  4. Ingredientes • Un Mac • Xcode • Baker • Laker

    Compendium • Algo de HTML & CSS
  5. Ingredientes • Un Mac • Xcode || Entorno Android •

    Baker || Friar Framework • Laker Compendium • Editor Html y CSS
  6. • HTML5 • Full HPub 1.0 compliant • Retina suport

    • iPhone/iPod & iPad • Modo App • Modo Quiosco (parcial) • Licencia BSD Baker/Friar http://bakerframework.com/
  7. • HTML5 • Full HPub 1.0 compliant • Retina suport

    • iPhone/iPod & iPad • Modo App • Modo Quiosco (parcial) • Licencia BSD Baker/Friar http://bakerframework.com/ SÓLO PARA iOS
  8. • Slideshows • Sonido • Vídeos • Layouts multicolumna -

    Retículas • Responsive Design • Google Maps • Custom fonts • Includes JS Laker compendium http://www.lakercompendium.com/
  9. Manos a la obra 1. Descargar Baker Framework 2. Descargar

    Laker Compendium 3. Reemplazar la carpeta ‘book’ del directorio de Baker con la que viene dentro del Laker Starter Pack 4. Crear HTML basándonos en las plantillas de Laker o hacerlas a mano
  10. Indice de contenidos Doble toque 1. Crear un fichero index.html

    2. Altura máxima definida por: -baker-index-height -> book.json ¿Problemas? Añade:
  11. Indice de contenidos Doble toque 1. Crear un fichero index.html

    2. Altura máxima definida por: -baker-index-height -> book.json ¿Problemas? Añade:
  12. Despliege • ¡Revisa BIEN las guidelines! • Planifica con margen

    suficiente • Trabaja un pelín el diseño ;) • Ten paciencia … con Apple (son asín)
  13. Experimentos ... • HTML5 Local Storage || Cookies • Transiciones

    CSS3 • AJAX • Imágenes 360º • Applicación multilibro • Animaciones • Drag & Drop BONUS