¿Convertir sitio web existente para uso móvil?
-
29-10-2019 - |
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.)?
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.