Pregunta

¿Cuál es la mejor manera de adaptar un sitio web existente a dispositivos móviles (netbooks, teléfonos móviles basados en Android, Iphone, Blackberry, etc.)?

¿Fue útil?

Solución

Hágalo flexible.

Puede detectar diferentes anchos de dispositivo con consultas de medios CSS: http://www.w3.org/TR/css3-mediaqueries/#device-width

Explicación menos normativa: http://mislav.uniqpath.com/2010/04/ target-css /

Excelente publicación de blog: http://webdesignerwall.com/general/the-wall-ha sido rediseñado

El modelo de caja flexible CSS3 también puede ser tu mejor amigo.

Otros consejos

Sin ir tan lejos como para implementar un marco móvil, sugeriría aprovechar las CSS Media Queries que le permitirá ofrecer diferentes CSS dependiendo del ancho del dispositivo de navegación.

Un buen comienzo sería mirar el LessFramework que le ha quitado todo el trabajo duro a los cálculos de la cuadrícula.

Twitter Bootstrap también le brindará una buena funcionalidad de respuesta inmediata, es decirque la presentación del sitio se ajustará según el tipo de dispositivo y el tamaño de su pantalla.

Y recomiendo consultar este libro .

Actualmente hay muchas herramientas disponibles, pero lo más importante es cómo mantener una buena experiencia de usuario.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top