Top Banner
Chapuzón en el mar móvil Adrián Catalán adriancatalan@elementalge eks.com @ykro
42

Joomla Day 2012 - Chapuzón en el mar móvil

Oct 30, 2014

Download

Technology

ykro

Charla que di para el Joomla Day Guatemala 2012 sobre como volver un sitio móvil
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Joomla Day 2012 - Chapuzón en el mar móvil

Chapuzón en el mar móvil

Adrián Catalá[email protected]

@ykro

Page 2: Joomla Day 2012 - Chapuzón en el mar móvil

¿por qué móviles?

Page 3: Joomla Day 2012 - Chapuzón en el mar móvil

08/04/2023Seminario Profesional 1

Clase 13

Page 4: Joomla Day 2012 - Chapuzón en el mar móvil
Page 5: Joomla Day 2012 - Chapuzón en el mar móvil
Page 6: Joomla Day 2012 - Chapuzón en el mar móvil

08/04/2023Seminario Profesional 1

Clase 16

Page 7: Joomla Day 2012 - Chapuzón en el mar móvil

Los convencí, Joomla goes mobile!

Page 8: Joomla Day 2012 - Chapuzón en el mar móvil

¿qué esperamos de un móvil?

Page 9: Joomla Day 2012 - Chapuzón en el mar móvil

Restricciones

Page 10: Joomla Day 2012 - Chapuzón en el mar móvil

¿Dispositivos?

Page 11: Joomla Day 2012 - Chapuzón en el mar móvil
Page 12: Joomla Day 2012 - Chapuzón en el mar móvil

Navegador

Page 13: Joomla Day 2012 - Chapuzón en el mar móvil

Hora de nadar

Page 14: Joomla Day 2012 - Chapuzón en el mar móvil

Consideraciones

Page 15: Joomla Day 2012 - Chapuzón en el mar móvil

NECESIDADES & METASIDEAS

CONTEXTO

PLAN DE DISPOSITIVOS

ESTRATEGIA

DISEÑO

DESARROLLO

PROTOTIPO

PRUEBAS

OPTIMIZACIONES

PORTEAR

http://brianfling.com/

Page 16: Joomla Day 2012 - Chapuzón en el mar móvil

Entry points

Page 17: Joomla Day 2012 - Chapuzón en el mar móvil

Navegación

Page 18: Joomla Day 2012 - Chapuzón en el mar móvil

Contenido

Page 19: Joomla Day 2012 - Chapuzón en el mar móvil

Patrones de diseño nativo

Page 20: Joomla Day 2012 - Chapuzón en el mar móvil

Artículos

Page 21: Joomla Day 2012 - Chapuzón en el mar móvil

Secciones y Categorías

Page 22: Joomla Day 2012 - Chapuzón en el mar móvil

Menús

Page 23: Joomla Day 2012 - Chapuzón en el mar móvil

Componentes

Page 24: Joomla Day 2012 - Chapuzón en el mar móvil

Plantillas

Page 25: Joomla Day 2012 - Chapuzón en el mar móvil

Extensiones

Page 26: Joomla Day 2012 - Chapuzón en el mar móvil

Herramientas

Page 27: Joomla Day 2012 - Chapuzón en el mar móvil
Page 28: Joomla Day 2012 - Chapuzón en el mar móvil
Page 29: Joomla Day 2012 - Chapuzón en el mar móvil
Page 30: Joomla Day 2012 - Chapuzón en el mar móvil
Page 31: Joomla Day 2012 - Chapuzón en el mar móvil

Librería de widgets

Page 32: Joomla Day 2012 - Chapuzón en el mar móvil

Soporte para eventos táctiles

Page 33: Joomla Day 2012 - Chapuzón en el mar móvil

UI Unificada

Page 34: Joomla Day 2012 - Chapuzón en el mar móvil

Soporte

• A-grade – Full enhanced experience with Ajax-based animated page transitions.

• B-grade – Enhanced experience except without Ajax navigation features.

• C-grade – Basic, non-enhanced HTML experience that is still functional

Page 35: Joomla Day 2012 - Chapuzón en el mar móvil

Provee elementos de interface

Page 36: Joomla Day 2012 - Chapuzón en el mar móvil

No proveeGeo / Canvas / Storage

Page 37: Joomla Day 2012 - Chapuzón en el mar móvil

http://validator.w3.org/mobile/

Page 38: Joomla Day 2012 - Chapuzón en el mar móvil

User Agent Switcher

Page 39: Joomla Day 2012 - Chapuzón en el mar móvil
Page 40: Joomla Day 2012 - Chapuzón en el mar móvil

Pruebas con dispositivos reales

Page 41: Joomla Day 2012 - Chapuzón en el mar móvil

¿Listos para el primer chapuzón?

Page 42: Joomla Day 2012 - Chapuzón en el mar móvil

Adrián Catalá[email protected]

@ykro