Adaptar a móvil : ¿template movil o responsive?

Iniciado por OssoH, 18 Febrero 2015, 14:56 PM

0 Miembros y 1 Visitante están viendo este tema.

OssoH

Hola :
Quiero adaptar una web para la versión movil y me surge una duda.
¿Hago un theme independiente que se cargue cuando detecte que se accede desde un móvil o hago mi theme actual que sea responsive?
La versión móvil como debe cargar menos elementos que la versión PC, si la hago responsive tendré que ocultarlos (mediante CSS) pero internamente aunque no se vean en pantalla se cargarán con el correspondiente tiempo que le cueste. Es decir, creo que hacerla responsive hará que tarde más en cargar que si hago un theme independiente especifico.
Veo que esta "de moda" todo lo responsivo, pero seguro que tiene inconvenientes como en todas las cosas.
¿Que opináis?
Gracias

#!drvy

Opino que depende de los "elementos" que vas a tener que "ocultar". Por ejemplo, si son imágenes, al ponerlas display:none; la mayoría de los navegadores no intentaran hacer el request para cargar la imagen porque saben que no la vas a mostrar, al menos en ese momento.

Si es mucho contenido textual entonces quizás si que te venga bien... de todos modos la idea de ser responsiva es que el TODO el contenido se adapte a la pantalla.. no es como una versión móvil con menos cosas, es la pagina entera en si.

Saludos

OssoH

Desconocia que si pones 'display:none' no carga el navegador lo que tenga dentro de esa etiqueta. Pensaba que si cargaba el contenido aunque éste no se mostrase. De hecho si ocultas un div y le das a leer/codigo fuente en el navegador si pone el contenido de ese div aunque esté oculto.
Gracias.

#!drvy

Me refería solo a las imágenes, no a todo.

Saludos

Usuario Invitado

Responsive 100%. Usar temas para tipo de dispositivo es:

A) Mucho trabajo.
B) Inncesario.

Puedes aprovechar CSS3 y hacer tu sitio responsivo con Media Queries no sólo en CSS3 si no también con javascript con matchMedia.

Por ejemplo:

Código (javascript) [Seleccionar]
// media query básica
var orientation = matchMedia("(orientation: portrait)");

orientation.matches; // true/false si se cumple la condición de orientación
orientation.media; // En este caso: "(orientation: portrait)"

// Asocia un listener a la media query para que revise todo el tiempo la orientacion
orientation.addListener(function(mql){
   if (mql.matches) {
       // si la orientacion es portrait, puedes cambiar la dirección de las imágenes, por ejemplo
   } else {
      // haces algo
   }
});
"La vida es muy peligrosa. No por las personas que hacen el mal, si no por las que se sientan a ver lo que pasa." Albert Einstein

WHK

#5
Usa bootstrap 3, el responsivo es mucho mejor que el template movil porque si haces el template movil te va a faltar el template tv, template tablet, etc, un template movil no se adapta a la pantalla, el responsive si, se adapta a cada tipo de dispositivo a traves de las dimensiones de su pantalla, a demás tendrás que hacer dos veces tu p'ortal, uno normal y otro movil, en cambio con responsive lo haces una sola ves y no tienes que preocuparte que si quieres agregar o eliminar algo nuevo vas a tener que buscarlo tambien en la version movil.

http://getbootstrap.com/

De paso dale un vistazo a boilerplate.