Soumettre la recherche
Mettre en ligne
Joomla Day 2012 - Chapuzón en el mar móvil
•
Télécharger en tant que PPTX, PDF
•
0 j'aime
•
409 vues
Y
ykro
Suivre
Charla que di para el Joomla Day Guatemala 2012 sobre como volver un sitio móvil
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 42
Télécharger maintenant
Recommandé
La revolución UX en Mobile Testing
La revolución UX en Mobile Testing
Belatrix Software
Patrones de diseño web
Patrones de diseño web
Herbert Arevalo
patrones de diseño web.
patrones de diseño web.
Diana Luna
Responsive Design - Demo Day 2014
Responsive Design - Demo Day 2014
Mauricio Andres Gomez Gallego
Pruebas de accesibilidad: Técnicas de filtrado y evaluación con herramientas ...
Pruebas de accesibilidad: Técnicas de filtrado y evaluación con herramientas ...
Lisandra Armas
Unidad 4 patrones de diseño web. (1)
Unidad 4 patrones de diseño web. (1)
wiinyzepeda
unidad 4
unidad 4
Enrique Reyes
Sd equipo3
Sd equipo3
Jose Antonio Ramos Bueno
Recommandé
La revolución UX en Mobile Testing
La revolución UX en Mobile Testing
Belatrix Software
Patrones de diseño web
Patrones de diseño web
Herbert Arevalo
patrones de diseño web.
patrones de diseño web.
Diana Luna
Responsive Design - Demo Day 2014
Responsive Design - Demo Day 2014
Mauricio Andres Gomez Gallego
Pruebas de accesibilidad: Técnicas de filtrado y evaluación con herramientas ...
Pruebas de accesibilidad: Técnicas de filtrado y evaluación con herramientas ...
Lisandra Armas
Unidad 4 patrones de diseño web. (1)
Unidad 4 patrones de diseño web. (1)
wiinyzepeda
unidad 4
unidad 4
Enrique Reyes
Sd equipo3
Sd equipo3
Jose Antonio Ramos Bueno
Smad IT - Responsive Web Design
Smad IT - Responsive Web Design
Smad IT
Usabilidad y accesibilidad ¿hablamos de lo mismo?
Usabilidad y accesibilidad ¿hablamos de lo mismo?
Lisandra Armas
Patrones de Diseño Web (Getting Input - Obtención de Información)
Patrones de Diseño Web (Getting Input - Obtención de Información)
Alex Naupay
World wide web, navegadores herramientas telematicas capitulo 3
World wide web, navegadores herramientas telematicas capitulo 3
Ximena Camacho Cicery
Patrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
Patrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
Alex Naupay
Web 1
Web 1
Carlos081297
Manualdesistema equipo 2
Manualdesistema equipo 2
Àngèl Ròdrìgùez
Seminario Taller: Usabilidad
Seminario Taller: Usabilidad
Elsa Canto
Les monuments les plus importants de vic
Les monuments les plus importants de vic
irenemarso
Exemples de sites internet réussis maisons d'hôtes
Exemples de sites internet réussis maisons d'hôtes
LeGoutDesHotes
Bourse aux expériences : les relations avec mes élus
Bourse aux expériences : les relations avec mes élus
Offices de Tourisme de France
Le système circulatoire
Le système circulatoire
PatCyr0175
Abraham Trembley et la naturalisation de l’eau
Abraham Trembley et la naturalisation de l’eau
Bibliothèque de Genève
Taller Android - FIT 2010
Taller Android - FIT 2010
ykro
LKP - Ce que nous sommes !
LKP - Ce que nous sommes !
UGTG.org
Les revolutions en direct
Les revolutions en direct
Justine L Watkins
Publicite choc
Publicite choc
Zoely Mamizaka
Le système circulatoire
Le système circulatoire
PatCyr0175
L'ordre du malt 1
L'ordre du malt 1
OrdreduMalt
Gspcfre
Gspcfre
Zoely Mamizaka
Présentation de SCOOP IT
Présentation de SCOOP IT
yoann61
Ganate Un Millón de Euros
Ganate Un Millón de Euros
petterpump
Contenu connexe
Tendances
Smad IT - Responsive Web Design
Smad IT - Responsive Web Design
Smad IT
Usabilidad y accesibilidad ¿hablamos de lo mismo?
Usabilidad y accesibilidad ¿hablamos de lo mismo?
Lisandra Armas
Patrones de Diseño Web (Getting Input - Obtención de Información)
Patrones de Diseño Web (Getting Input - Obtención de Información)
Alex Naupay
World wide web, navegadores herramientas telematicas capitulo 3
World wide web, navegadores herramientas telematicas capitulo 3
Ximena Camacho Cicery
Patrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
Patrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
Alex Naupay
Web 1
Web 1
Carlos081297
Manualdesistema equipo 2
Manualdesistema equipo 2
Àngèl Ròdrìgùez
Seminario Taller: Usabilidad
Seminario Taller: Usabilidad
Elsa Canto
Tendances
(8)
Smad IT - Responsive Web Design
Smad IT - Responsive Web Design
Usabilidad y accesibilidad ¿hablamos de lo mismo?
Usabilidad y accesibilidad ¿hablamos de lo mismo?
Patrones de Diseño Web (Getting Input - Obtención de Información)
Patrones de Diseño Web (Getting Input - Obtención de Información)
World wide web, navegadores herramientas telematicas capitulo 3
World wide web, navegadores herramientas telematicas capitulo 3
Patrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
Patrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
Web 1
Web 1
Manualdesistema equipo 2
Manualdesistema equipo 2
Seminario Taller: Usabilidad
Seminario Taller: Usabilidad
En vedette
Les monuments les plus importants de vic
Les monuments les plus importants de vic
irenemarso
Exemples de sites internet réussis maisons d'hôtes
Exemples de sites internet réussis maisons d'hôtes
LeGoutDesHotes
Bourse aux expériences : les relations avec mes élus
Bourse aux expériences : les relations avec mes élus
Offices de Tourisme de France
Le système circulatoire
Le système circulatoire
PatCyr0175
Abraham Trembley et la naturalisation de l’eau
Abraham Trembley et la naturalisation de l’eau
Bibliothèque de Genève
Taller Android - FIT 2010
Taller Android - FIT 2010
ykro
LKP - Ce que nous sommes !
LKP - Ce que nous sommes !
UGTG.org
Les revolutions en direct
Les revolutions en direct
Justine L Watkins
Publicite choc
Publicite choc
Zoely Mamizaka
Le système circulatoire
Le système circulatoire
PatCyr0175
L'ordre du malt 1
L'ordre du malt 1
OrdreduMalt
Gspcfre
Gspcfre
Zoely Mamizaka
Présentation de SCOOP IT
Présentation de SCOOP IT
yoann61
Ganate Un Millón de Euros
Ganate Un Millón de Euros
petterpump
PNFP 2015 - ESPEC CN SEC - recurso educativo para elaboracion de filtro.ppt
PNFP 2015 - ESPEC CN SEC - recurso educativo para elaboracion de filtro.ppt
Daniel Ammar
Séminaire IDS Scheer Processus Santé part 3
Séminaire IDS Scheer Processus Santé part 3
SAGIDS1
seo evolutions moteurs de recherche - version 2010
seo evolutions moteurs de recherche - version 2010
JCDomenget
Agile lille el curator - deux ans de lean startup
Agile lille el curator - deux ans de lean startup
Christopher Parola
Sans nom 1 diapo final finish
Sans nom 1 diapo final finish
valoulefou
PROPOSITON CREATION DE PAGE FACEBOOK SECTEUR BIEN ETRE
PROPOSITON CREATION DE PAGE FACEBOOK SECTEUR BIEN ETRE
Emilie BULOT
En vedette
(20)
Les monuments les plus importants de vic
Les monuments les plus importants de vic
Exemples de sites internet réussis maisons d'hôtes
Exemples de sites internet réussis maisons d'hôtes
Bourse aux expériences : les relations avec mes élus
Bourse aux expériences : les relations avec mes élus
Le système circulatoire
Le système circulatoire
Abraham Trembley et la naturalisation de l’eau
Abraham Trembley et la naturalisation de l’eau
Taller Android - FIT 2010
Taller Android - FIT 2010
LKP - Ce que nous sommes !
LKP - Ce que nous sommes !
Les revolutions en direct
Les revolutions en direct
Publicite choc
Publicite choc
Le système circulatoire
Le système circulatoire
L'ordre du malt 1
L'ordre du malt 1
Gspcfre
Gspcfre
Présentation de SCOOP IT
Présentation de SCOOP IT
Ganate Un Millón de Euros
Ganate Un Millón de Euros
PNFP 2015 - ESPEC CN SEC - recurso educativo para elaboracion de filtro.ppt
PNFP 2015 - ESPEC CN SEC - recurso educativo para elaboracion de filtro.ppt
Séminaire IDS Scheer Processus Santé part 3
Séminaire IDS Scheer Processus Santé part 3
seo evolutions moteurs de recherche - version 2010
seo evolutions moteurs de recherche - version 2010
Agile lille el curator - deux ans de lean startup
Agile lille el curator - deux ans de lean startup
Sans nom 1 diapo final finish
Sans nom 1 diapo final finish
PROPOSITON CREATION DE PAGE FACEBOOK SECTEUR BIEN ETRE
PROPOSITON CREATION DE PAGE FACEBOOK SECTEUR BIEN ETRE
Similaire à Joomla Day 2012 - Chapuzón en el mar móvil
El androide y la telaraña móvil
El androide y la telaraña móvil
ykro
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Juan Paulo Madriaza
SWCbba_bootcamp_html5_2
SWCbba_bootcamp_html5_2
Carlos Terrazas
Acción 1 Desarrollo de APPS en Android
Acción 1 Desarrollo de APPS en Android
Javier García Valdepeñas
Introduccion html5
Introduccion html5
Kike Quintano
La web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuarios
Fer Torres
Liferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidad
Julio Camarero
Curso: Diseño de apps y webs móviles - Parte 2
Curso: Diseño de apps y webs móviles - Parte 2
Juan Eladio Sánchez Rosas
Introducción al desarrollo (y diseño) para móviles
Introducción al desarrollo (y diseño) para móviles
Elun
Presentación lg
Presentación lg
Rosemarie Tapia
Smart TV
Smart TV
Rosemarie Tapia
U2 p2 proyectos_desarrollo_moviles
U2 p2 proyectos_desarrollo_moviles
Akirepaho
Desarrollo de Apps con la herramienta Phonegap
Desarrollo de Apps con la herramienta Phonegap
CongresoWeb
Cómo hacer portales accesibles sobre Liferay 6.1
Cómo hacer portales accesibles sobre Liferay 6.1
Julio Camarero
Contenido web en múltiples pantallas
Contenido web en múltiples pantallas
Edgar Parada
Las webs
Las webs
INSTINTONEGROWATTPAD
Desarrollo de aplicaciones web móviles
Desarrollo de aplicaciones web móviles
Juan Eladio Sánchez Rosas
Diplomatura Desarrollo de Aplicaciones Móviles 2014
Diplomatura Desarrollo de Aplicaciones Móviles 2014
Interlat
Tecnologías Web al servicio del desarrollo Móvil (WebSockets, WebRTC)
Tecnologías Web al servicio del desarrollo Móvil (WebSockets, WebRTC)
Jorge Rubiano
Presentación PhoneGap
Presentación PhoneGap
cccori
Similaire à Joomla Day 2012 - Chapuzón en el mar móvil
(20)
El androide y la telaraña móvil
El androide y la telaraña móvil
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
SWCbba_bootcamp_html5_2
SWCbba_bootcamp_html5_2
Acción 1 Desarrollo de APPS en Android
Acción 1 Desarrollo de APPS en Android
Introduccion html5
Introduccion html5
La web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuarios
Liferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidad
Curso: Diseño de apps y webs móviles - Parte 2
Curso: Diseño de apps y webs móviles - Parte 2
Introducción al desarrollo (y diseño) para móviles
Introducción al desarrollo (y diseño) para móviles
Presentación lg
Presentación lg
Smart TV
Smart TV
U2 p2 proyectos_desarrollo_moviles
U2 p2 proyectos_desarrollo_moviles
Desarrollo de Apps con la herramienta Phonegap
Desarrollo de Apps con la herramienta Phonegap
Cómo hacer portales accesibles sobre Liferay 6.1
Cómo hacer portales accesibles sobre Liferay 6.1
Contenido web en múltiples pantallas
Contenido web en múltiples pantallas
Las webs
Las webs
Desarrollo de aplicaciones web móviles
Desarrollo de aplicaciones web móviles
Diplomatura Desarrollo de Aplicaciones Móviles 2014
Diplomatura Desarrollo de Aplicaciones Móviles 2014
Tecnologías Web al servicio del desarrollo Móvil (WebSockets, WebRTC)
Tecnologías Web al servicio del desarrollo Móvil (WebSockets, WebRTC)
Presentación PhoneGap
Presentación PhoneGap
Plus de ykro
Clase 2 listas_grids_y_personalizacion
Clase 2 listas_grids_y_personalizacion
ykro
Clase 3 intro_almacenamiento_y_mapas
Clase 3 intro_almacenamiento_y_mapas
ykro
Clase 1 introducción
Clase 1 introducción
ykro
[Android Tour Perú 2013] APIs JSON con Android
[Android Tour Perú 2013] APIs JSON con Android
ykro
Challenge assumptions
Challenge assumptions
ykro
BroomHockey
BroomHockey
ykro
Assignment 3
Assignment 3
ykro
Observation journey
Observation journey
ykro
Devfest Lima2012
Devfest Lima2012
ykro
Crowdsourcing a conference
Crowdsourcing a conference
ykro
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
ykro
Innovador de todos los días
Innovador de todos los días
ykro
Cultura Android - Push notifications con Parse.com
Cultura Android - Push notifications con Parse.com
ykro
Interfaces y Responsive Web Design para todos
Interfaces y Responsive Web Design para todos
ykro
Trabajando con acelerómetros en Android
Trabajando con acelerómetros en Android
ykro
3 simples pasos para convertirme en un Androide
3 simples pasos para convertirme en un Androide
ykro
Colaboracion con herramientas en la nube
Colaboracion con herramientas en la nube
ykro
Desarrollando aplicaciones para Facebook con PHP
Desarrollando aplicaciones para Facebook con PHP
ykro
Taller Android - COECYS 2010
Taller Android - COECYS 2010
ykro
appInventor
appInventor
ykro
Plus de ykro
(20)
Clase 2 listas_grids_y_personalizacion
Clase 2 listas_grids_y_personalizacion
Clase 3 intro_almacenamiento_y_mapas
Clase 3 intro_almacenamiento_y_mapas
Clase 1 introducción
Clase 1 introducción
[Android Tour Perú 2013] APIs JSON con Android
[Android Tour Perú 2013] APIs JSON con Android
Challenge assumptions
Challenge assumptions
BroomHockey
BroomHockey
Assignment 3
Assignment 3
Observation journey
Observation journey
Devfest Lima2012
Devfest Lima2012
Crowdsourcing a conference
Crowdsourcing a conference
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Mejorando.la - Introducción a jQuery Mobile y PhoneGap
Innovador de todos los días
Innovador de todos los días
Cultura Android - Push notifications con Parse.com
Cultura Android - Push notifications con Parse.com
Interfaces y Responsive Web Design para todos
Interfaces y Responsive Web Design para todos
Trabajando con acelerómetros en Android
Trabajando con acelerómetros en Android
3 simples pasos para convertirme en un Androide
3 simples pasos para convertirme en un Androide
Colaboracion con herramientas en la nube
Colaboracion con herramientas en la nube
Desarrollando aplicaciones para Facebook con PHP
Desarrollando aplicaciones para Facebook con PHP
Taller Android - COECYS 2010
Taller Android - COECYS 2010
appInventor
appInventor
Dernier
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
Federico Castellari
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
hmpuellon
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
mcerpam
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
sgonzalezp1
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
JhonJairoRodriguezCe
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
JohnRamos830530
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
JorgeParada26
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
FlorenciaCattelani
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
mariacbr99
Dernier
(10)
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
Joomla Day 2012 - Chapuzón en el mar móvil
1.
Chapuzón en el
mar móvil Adrián Catalán adriancatalan@elementalgeeks.com @ykro
2.
¿por qué móviles?
3.
Seminario Profesional 1 01/03/2012
3 Clase 1
4.
5.
6.
Seminario Profesional 1 01/03/2012
6 Clase 1
7.
Los convencí, Joomla
goes mobile!
8.
¿qué esperamos de
un móvil?
9.
Restricciones
10.
¿Dispositivos?
11.
12.
Navegador
13.
Hora de nadar
14.
Consideraciones
15.
PORTEAR
OPTIMIZACIONES PRUEBAS DESARROLLO PROTOTIPO DISEÑO PLAN DE DISPOSITIVOS ESTRATEGIA CONTEXTO NECESIDADES & METAS IDEAS http://brianfling.com/
16.
Entry points
17.
Navegación
18.
Contenido
19.
Patrones de diseño nativo
20.
Artículos
21.
Secciones y Categorías
22.
Menús
23.
Componentes
24.
Plantillas
25.
Extensiones
26.
Herramientas
27.
28.
29.
30.
31.
Librería de widgets
32.
Soporte para eventos
táctiles
33.
UI Unificada
34.
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
35.
Provee elementos de
interface
36.
No provee Geo /
Canvas / Storage
37.
http://validator.w3.org/mobile/
38.
User Agent Switcher
39.
40.
Pruebas con dispositivos
reales
41.
¿Listos para el
primer chapuzón?
42.
Adrián Catalán adriancatalan@elementalgeeks.com
@ykro
Notes de l'éditeur
Beleive What you see, not what you read
Forget What you think you know
URLSBreadcrumbsMenúLinks & ImágenesHeader and FooterPaginación
MobileBotMobile Joomla!
<html> <head> <title>Hello World</title> <script src="sencha-touch.js" type="text/javascript"></script> <link href="sencha-touch.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> new Ext.Application({ launch: function() { new Ext.Panel({fullscreen: true, html: 'HolaMundo!' }); } }); </script> </head> <body></body></html>
<html> <head> <title>Page Title</title> <link rel="stylesheet" href="jquery.mobile.css" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.mobile.js"></script> </head> <body> <div data-role="page"> <div data-role="content"> <p>Hello World.</p> </div> </div> </body></html>
Forget What you think you know
Télécharger maintenant