Pregunta original: ¿Es posible tomar una aplicación web existente y hacer que funcione en una tableta o teléfono?
La respuesta corta es no.
No me malinterpreten, técnicamente, si acceden a su sitio desde cualquier teléfono inteligente (iOS o Android), aún podrán ver el sitio web, por desgracia, todo parecerá pequeño e ilegible, en el mejor de los casos, otra posibilidad es que su sitio pueda se ve roto si hay funciones que no son compatibles con Android y iPhone. es decir, los reproductores flash no son compatibles con dispositivos iOS y la versión más reciente de los androides. Aquí hay algunas ideas sobre apple sobre por qué no es compatible con flash.
- ¿Qué marco de UI es adecuado para usar en AngularJS para el desarrollo web?
- Cómo crear el gráfico circular en la aplicación web Java utilizando jfreechart
- ¿Qué es una buena aplicación de administración de tareas donde puedo crear una tarea desde un correo electrónico?
- ¿Cuáles son algunas buenas herramientas de monitoreo de rendimiento de aplicaciones para aplicaciones Rails?
- ¿Cuál es el mejor IDE de JavaScript gratuito?
Dicho todo esto, creo que es posible que deba comenzar a hacer una nueva aplicación web y adoptar la filosofía de un sitio web receptivo.
Un sitio web receptivo es un enfoque para la creación de páginas web que utiliza diseños flexibles, imágenes flexibles y consultas de hojas de estilo en cascada. El objetivo del diseño receptivo es crear páginas web que detecten el tamaño y la orientación de la pantalla del visitante y cambiar el diseño en consecuencia. [1]
Pocas cosas a considerar que hacen que un sitio web responda:
- Cuadrícula fluida : estos conceptos se centran en establecer unidades como porcentajes para el ancho y la altura de los elementos html en lugar de usar unidades absolutas como píxeles o puntos, creando así un diseño fluido que se redimensionará para adaptarse al tamaño de la pantalla.
- Las consultas de medios : una característica de las hojas de estilo en cascada (CSS), permiten al desarrollador especificar cuándo un cierto estilo tiene efecto. 1. esto permite que las hojas de estilo se orienten a la pantalla de un dispositivo y sirvan una hoja de estilo de escritorio, tableta o teléfono inteligente, según la respuesta de la consulta.
- Imágenes flexibles : también se dimensionan en unidades relativas, para evitar que se muestren fuera de su elemento contenedor.
Con todo esto, hay ciertos marcos CSS / JS que pueden ayudarlo a acelerar el proceso de hacer un sitio que tenga un diseño receptivo. Mi favorito es Bootstrap y es uno de los frameworks ampliamente utilizados que admite diseños web receptivos.
Bootstrap · El marco front-end más popular del mundo para dispositivos móviles y receptivo.
¡Apuñálalo y buena suerte!
Notas al pie
[1] ¿Qué es el diseño receptivo? – Definición de WhatIs.com