(Diseño web) Como hacer compatible web con móviles?

Archivado
Hola eolianos!
La verdad es que este tema no sabía en qué categoría ponerlo, pero como es una petición personal supongo que aquí es donde mejor cabida tiene.

Iré al grano, porque no mola ver tochos de texto todo el tiempo;
Llevo una web desde algún tiempo llamada Indie Locus, la cosa es que quiero hacer la plantilla compatible con móviles, hacer aquello que los ingleses le llaman "responsive" que responda al tamaño de la pantalla. Mi duda es cómo hacerlo.

La web la podéis ver en "mi página web" en mi perfil, tampoco quiero hacer spam. El caso es que es una plantilla de blogger y no logro encontrar la forma de cambiarla para que sea "responsive" para móviles.

¿Conocéis a alguien que sepa para ponerme en contacto con él o sabéis cómo hacerlo? ¿Hay algún código o algo?

Un saludo!
Yo en programacion web entre poco y nada. Pero si te puedo decir que no pasa solo por redimensionar las cosas, si no rediseñarla casi completa. Mira por ejemplo eol, que en su version movil pierde los botones desplegables, ya que no se pueden activar con los navegadores moviles. No hay un codigo que lo adapte de forma inmediata.
cipoteloth escribió:Yo en programacion web entre poco y nada. Pero si te puedo decir que no pasa solo por redimensionar las cosas, si no rediseñarla casi completa. Mira por ejemplo eol, que en su version movil pierde los botones desplegables, ya que no se pueden activar con los navegadores moviles. No hay un codigo que lo adapte de forma inmediata.

Gracias, y no sabes alguien con quien pudiera contactar para cambiarla ? Nos da igual rediseñarla si así conseguimos compatibilidad.
Existen los css "responsivos" (responsive css) que cambian la apariencia de una Web en función del espacio disponible.

Aquí hay algunos de muestra:
speckyboy.com/2012/09/03/20-free-responsive-html-css-templates/
Kbras escribió:Existen los css "responsivos" (responsive css) que cambian la apariencia de una Web en función del espacio disponible.

Aquí hay algunos de muestra:
speckyboy.com/2012/09/03/20-free-responsive-html-css-templates/

Ya... si esos los conozco y no son para Blogger, lo que yo quiero es cambiar mi template actual a responsive. Misma estética, etc. Simplemente contactar con alguien que sepa hacerlo y tal.
Puedes trabajar con porcentajes y em olvidate de los pixeles, y también trabajar con lo que te han comentado más arriba el responsive CSS y habia algo de los media-queries. (No soy programador he hecho algunas webs pero no te lo puedo extender al 100%).
Hace mucho tiempo que no toco nada de web, pero hazte la idea que tienes que rediseñarla entera. El css cambia por completo, aunque se ajuste a la pantalla habrán cosas que no se adaptaran bien visualmente y otras cosas que no querrás mostrar. No se como irá con blogger pero me temo que algo de programación tendras que tocar.

Salu2
No se como estara hecha esa web pero puedes hacer que si entras por movil te redireccione a otro template completamente distinto.
Ah vale entiendo! Bueno ya me lo miraré bien muchas gracias chavales :).

Si hay cualquier sugerencia más sigo abierto!
Eonel escribió:Ah vale entiendo! Bueno ya me lo miraré bien muchas gracias chavales :).

Si hay cualquier sugerencia más sigo abierto!

Yo te recomiendo maquetar con Twitter Bootstrap , puedes encontrarlo aquí : http://twitter.github.io/bootstrap/
Utilizando el sistema de tipo grid (rollito filas y columnas) te será muy sencillo maquetar de forma responsive.
Además trae integrados varios componentes como un slider , menu , formularios ,etc. todos ellos responsive. En mi opinión de estos componentes no conviene abusar porque estan en miles de webs, deberíán ser para ir estructurando la maquetación o de forma ocasional.

Saludos!
(mensaje borrado)
10 respuestas
Archivado
Volver a El rincón del eoliano