Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

Pagina Optima para movil

1 de mayo de 2015

Hola buen día .. Mi página web está hecha en Symfony. Ya está funcionando perfectamente pero sólo para pantallas grandes y ahora quiero que sea óptima para tabletas o cualquier móvil, ¿me podrías orientar por donde comenzar?

Anteriormente había puesto solo menú que se modificara cuando la página apareciera en cualquier dispositivo móvil, pero el resto del contenido siguen ocupando el resto de la pagina, o tengo que ir aplicando CSS para cada módulo que tengo.

Espero me pueda orientar gracias.


Respuestas

#1

Hola @wacomaniaco. Haz escuchado sobre Responsive web Design? Sabiendo esto, podrías usar cualquier framework front para que te eche una mano:

Si ya quieres algo más avanzado, usar el lenguaje nativo de cada dispositivo (IOS, Android, etc) ya tendrías que crear en tu aplicación un API para que puedas desarrollar lo que quieres...

Saludos!

@cristian_angulo

1 mayo 2015, 16:03
#2

@wacomaniaco en tu caso nos comentas que la web ya está terminada para los ordenadores normales y ahora quieres adaptarla para móviles. El problema de esto es que es justo el proceso contrario a lo que se recomienda (primero móviles y después escritorio).

Si utilizas una herramienta como Bootstrap para diseñar tu sitio, al hacerlo primero para ordenadores y después de para móviles te va a ocasionar muchos problemas. El archivo CSS resultante va a ser mucho más grande y complejo de lo normal.

Si tienes tiempo para hacer las cosas bien, te recomiendo lo siguiente:

  1. Añade el framework Bootstrap a tu diseño.
  2. Coge tu CSS actual + Bootstrap y mira a ver cómo se ve tu web en los móviles.
  3. Cambia tu CSS hasta que la web se vea bien en móviles.
  4. En este momento tu CSS original ha cambiado y por eso tu sitio se verá mal en ordenadores grandes.
  5. Añade los estilos necesarios en tu CSS para que se vea bien el sitio en los ordenadores.

Ya se que este proceso parece muy costoso y no es intuitivo, ya que primero rompes el diseño que funciona bien y luego lo arreglas ... pero es "la única" forma de hacerlo bien si utilizas algo como Bootstrap, donde primero hay que diseñar para móviles y después para ordenadores.

@javiereguiluz

2 mayo 2015, 23:07