Foros del Web » Creando para Internet » Diseño web »

Web en dispositivos móviles

Estas en el tema de Web en dispositivos móviles en el foro de Diseño web en Foros del Web. Buenas, estoy desarrollando una web con un cms propio que aun esta en construcción. Maquetando dicho sitio, estaba aplicando responsive design y diseño fluido para ...
  #1 (permalink)  
Antiguo 16/10/2013, 17:15
Avatar de Mariano_Floyd  
Fecha de Ingreso: marzo-2013
Ubicación: Córdoba
Mensajes: 155
Antigüedad: 11 años, 1 mes
Puntos: 14
Web en dispositivos móviles

Buenas, estoy desarrollando una web con un cms propio que aun esta en construcción. Maquetando dicho sitio, estaba aplicando responsive design y diseño fluido para adaptarlo a distintas resoluciones, pero me di cuenta que en dispositivos móviles hay contenido el cual no mostrare, para evitar que la web se haga muy extensa.
Viendo webs grandes, como google, youtube, facebook, etc, veo que utilizan una versión exclusiva para móviles, por ejemplo: https://m.facebook.com/
Bien, mi pregunta es, como llego a esta versión? Creo 2 webs diferentes mediante php? La verdad no entiendo como hacerlo.
Les agradezco cualquier tipo de información que me puedan aportar, para ver en que dirección debo ir. Saludos.
  #2 (permalink)  
Antiguo 17/10/2013, 03:23
 
Fecha de Ingreso: octubre-2013
Mensajes: 22
Antigüedad: 10 años, 6 meses
Puntos: 1
Respuesta: Web en dispositivos móviles

En principio hay distintos métodos para lograrlo. La mas adecuada y que esta de moda es la de RESPONSIVE DESIGN que se trata de ajustar la misma página web a sus distintos dispositivos y todo esto solo con CSS. Busca algun tutorial sobre esto para que lo entiendas mejor.
un saludo
  #3 (permalink)  
Antiguo 17/10/2013, 05:01
Avatar de Mariano_Floyd  
Fecha de Ingreso: marzo-2013
Ubicación: Córdoba
Mensajes: 155
Antigüedad: 11 años, 1 mes
Puntos: 14
Respuesta: Web en dispositivos móviles

Rwd es lo que estoy usando, lo que pasa es que a resoluciones bajas hay contenido que no mostrare y no tiene sentido cargar contenido en una web que no sera visualizado.
  #4 (permalink)  
Antiguo 17/10/2013, 06:21
Avatar de Tecna  
Fecha de Ingreso: enero-2010
Mensajes: 291
Antigüedad: 14 años, 3 meses
Puntos: 45
Respuesta: Web en dispositivos móviles

Buenas,
lo que quieres hacer se puede hacer perfectamente con un dsieño adaptativo mediante media queries pero lo estás planteando al revés, en lugar de cargar todo y ocultarlo en resoluciones pequeñas, sería cargar esa parte sólo a partir de cierta resolución. Curiosamente casi siempre se hace al revés.

De todos modos creo que es un error ocultar el contenido, si realmente es el contenido lo que quieres ocultar, porque el contenido es lo importante de una página y debe estar accesible siempre. Otra cosa sería si son meros adornos.
__________________
tecnawebs.es Diseño web y programación - Modelado 3D.

google plus
  #5 (permalink)  
Antiguo 17/10/2013, 08:02
 
Fecha de Ingreso: octubre-2013
Mensajes: 22
Antigüedad: 10 años, 6 meses
Puntos: 1
Respuesta: Web en dispositivos móviles

Vale, entonces necesitas implementar en tu @media a la resolución que quieras que no aparezca lo siguiente. display:none;
por ejemplo:

#banner{
display:none;
}

Con esto no se visualiza el #banner cuando llega a esa resolución del @media.
  #6 (permalink)  
Antiguo 17/10/2013, 13:50
Avatar de Mariano_Floyd  
Fecha de Ingreso: marzo-2013
Ubicación: Córdoba
Mensajes: 155
Antigüedad: 11 años, 1 mes
Puntos: 14
Respuesta: Web en dispositivos móviles

A ver, la información que deseo ocultar para bajas resoluciones, es información que no considero fundamental, y si, se puede hacer con display:none, pero no tiene sentido sobrecargar la web móvil con contenido que no se mostrara. Acá en Argentina la velocidad de los datos móviles no es muy buena, y quiero cargarla lo menos posible. Agradezco sus comentarios.
Mi duda es como generar la web para dispositivos móviles, no se si se hace mediante php u otra manera.
  #7 (permalink)  
Antiguo 17/10/2013, 15:19
 
Fecha de Ingreso: octubre-2013
Mensajes: 22
Antigüedad: 10 años, 6 meses
Puntos: 1
Respuesta: Web en dispositivos móviles

Vale, no había entendido tu pregunta desde un principio.
Javascript es tu amigo y te ayudara a no cargar contenido que no desees.
yo por lo principal utilizo esta:
https://github.com/scottjehl/picturefill
es para las imágenes ya que es lo que normalmente suelen pesar.
Respecto a otro tipo de contenido como texto, a no ser que tengas una biblioteca en secciones , no suele pesar tanto.
Espero te aya servido de algo.
Un saludo.

Etiquetas: movil, responsive
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:50.