¿ Consejos o manual para realizar webs para dispositivos moviles ?

davidj · #1 (**permalink**) 08/09/2011, 15:14

Hola a todos!

Hace tiempo que desarrollo páginas web pero recientemente estoy pensando en realizar versiones para dispositivos moviles..

¿ Alguien sabe de algún buen tutorial para diseñar webs para dispositivos móviles ?

Gracias!!!!

DrFaust · #2 (**permalink**) 08/09/2011, 16:30

¿A qué dispositivos móviles te referís?

Existe una gama tan enorme de dispositivos móviles, todos con diferentes tecnologías, virtudes y defectos, que es básicamente imposible hacer un sitio web que funcione en todos ellos.

La mejor apuesta es volcarse a los dispositivos móviles más modernos: aquellos basados en iOS (iPad, iPhone) y Android. Estos dispositivos son "lo nuevo", y si bien no están completamente difundidos en muchos mercados regionales, son lo que tenés más probabilidades de venderle a un posible cliente (y lo que podés cobrar más caro).

Pegale una leída a esta librería:

http://code.google.com/p/iui/

davidj · #3 (**permalink**) 09/09/2011, 01:23

Primerdo de todo gracias por tu interés ;)

Si un cliente me pide que adapte su web a teléfonos móviles no puedo ofrecerle solo iphone/android, también debe tener cabida, por ejemplo, symbian y blackberry.

El enlace que me has pasado es interesante pero creo que sirve para realizar aplicaciones nativas en dichos dispositivos, cosa que no es este el caso, a lo que me refiero es a realizar páginas web compatibles/adaptadas a esos móviles...

He leído por internet pero de momento no encuentro un manual que hable de manera mas o menos extensa de este tema..

Saludos!

DrFaust · #4 (**permalink**) 09/09/2011, 11:51

La librería que te pasé es para hacer sitios web, y sirve para una gran variedad de dispositivos móviles; no sólo iOS y Android. Su función es crear interfaces que simulan el look & feel nativo de esos dispositivos.

Tedel · #5 (**permalink**) 09/09/2011, 15:26

CSS para móviles basta y sobra en la mayoría de los casos. Solo retira lo que es irrelevante para un navegador de poca capacidad como Opera Mini y deja lo importante. Fin.

davidj · #6 (**permalink**) 09/09/2011, 15:31

tedel, te refieres a el xhtml y css de toda la vida pero pensando para pantallas pequeñas (moviles) verdad ??

emprear · #7 (**permalink**) 09/09/2011, 15:48

Mirá, yo he hecho ya un par de cosas para móviles, si es por experimentar, cualquier cosa es válida, ahora , si queres algo que cargue en cualquier parte ( y al menos eso es lo que quieren mis clientes) Xhtml Basic 1.0 + css 2.1, ir corriendo detrás de cada tecnología, si estás buscando audiencia, no tiene sentido.

Y siempre usá como referencia el
http://validator.w3.org/mobile/ que es bastante preciso en sus apreciaciones

Saludos

davidj · #8 (**permalink**) 10/09/2011, 07:23

Emprear tomo nota ;)

¿Que utilizas para saber si el dispositivo que está visualizando la web es un móvil o un ordenador (para mostrar al usuario la web "normal" o móvil)? He leído algunas funciones en php que permiten hacer esto, no se si es tu caso...

Saludos!

emprear · #9 (**permalink**) 10/09/2011, 08:53

@davidj:

Uso esta script, que viene en el sabor que desees , generalmente uso la de php ó la de Apache
http://detectmobilebrowsers.com/
Está bastante actualizada, y de ser necesario hacerle algún ajuste mas fino, es fácil de editar.

Podés usar la extension UserAgentSwitcher de Firefox para testearla

Saludos

Tedel · #10 (**permalink**) 11/09/2011, 12:54

Cita:

Iniciado por davidj

tedel, te refieres a el xhtml y css de toda la vida pero pensando para pantallas pequeñas (moviles) verdad ??

No, me refiero a decirle al navegador móvil que no muestre lo que no es importante para el visitante, por ejemplo, la animación de la cabecera.

Cita:

Iniciado por emprear

@davidj:

Uso esta script, que viene en el sabor que desees , generalmente uso la de php ó la de Apache
http://detectmobilebrowsers.com/
Está bastante actualizada, y de ser necesario hacerle algún ajuste mas fino, es fácil de editar.

Podés usar la extension UserAgentSwitcher de Firefox para testearla

Saludos

No necesitas eso en realidad. El navegador móvil se identifica como naveador móvil. No necesitas detectarlo.

emprear · #11 (**permalink**) 11/09/2011, 13:03

Cita:

Iniciado por Tedel

No necesitas eso en realidad. El navegador móvil se identifica como naveador móvil. No necesitas detectarlo.

Si mi dominio xxx.com esta diseñado exclusivamente para móviles, podrías obviarlo, aunque quizás quieras hacer algo mas fino, como saber si esta navegando con Android o no, ahora que si mi dominio xxx.com tiene una versión para PC y otra para móviles, es imprescindible, para hacer la redirección correcta.

Por supuesto que los navegadores se identifican a si mismos, para eso está el agente de usuario, pero el que mostrar o no según sea el navegador, depende de mi criterio, y para eso está la script que mencioné.

saludos

kkuertt · #12 (**permalink**) 29/12/2011, 10:35

Hola buenas,

Con que medidas soleis hacer una web para móviles?

Gracias