Avalados por :
Cómo optimizar tu página web como una aplicación web para dispositivos móviles y sistemas - Guía completa
- Creado 01/03/2024
- Modificado 01/03/2024
- 2 Vistas
0
Cargando...
OK, estoy un par de días tarde, pero aquí va mi consejo del mes. Mi formación original siempre ha sido en aplicaciones web y en ocasiones he encontrado últimamente que hay bastantes cosas en ese mundo que se aplican a mi XS, XSA y otros desarrollos en el espacio de SAP.
En particular, la idea de convertir mi página web en una aplicación web, con un poco de mejora de las etiquetas Meta en mi página de inicio. Así como un icono o dos añadidos. Ya estás obteniendo un diseño receptivo a través del uso de cosas como SAPUI5 pero, por supuesto, hay algunos toques adicionales que harán que la aplicación destaque un poco más.
Estas áreas están documentadas bastante bien tanto para dispositivos Apple como Android, por ejemplo, con Apple puedes proporcionar un icono que aparecerá si lo "guardas en la pantalla de inicio" en lugar de simplemente guardarlo como un marcador dentro de tu navegador.
También hay numerosas instrucciones y tutoriales sobre cómo hacer esto para cosas distintas a tu dispositivo móvil, como Chrome . Independientemente del tutorial que sigas o si es algo básico como un paso a paso o más avanzado, la idea es la misma, ¿cómo puedo hacer que mi página web, que en esencia es una aplicación, tenga una apariencia y sensación más permanente en el dispositivo o sistema en el que se está cargando?
Áreas y elementos a considerar y tener en cuenta para esto son, por supuesto, el Viewport, los iconos de la aplicación, las etiquetas meta y el archivo de manifiesto.
Los iconos son, por supuesto, ese toque de personalización que todo desarrollador ama y todo equipo de marca odia.
Utilizo varias herramientas en línea gratuitas para generar los archivos específicos, pero tiendo a pasar mucho tiempo dentro de herramientas como Gimp para hacer realmente los gráficos por mí mismo. Normalmente lo hago cuando me encuentro con un error o desafío en mi aplicación que parece que no puedo superar en ese momento.
En particular, la idea de convertir mi página web en una aplicación web, con un poco de mejora de las etiquetas Meta en mi página de inicio. Así como un icono o dos añadidos. Ya estás obteniendo un diseño receptivo a través del uso de cosas como SAPUI5 pero, por supuesto, hay algunos toques adicionales que harán que la aplicación destaque un poco más.
Estas áreas están documentadas bastante bien tanto para dispositivos Apple como Android, por ejemplo, con Apple puedes proporcionar un icono que aparecerá si lo "guardas en la pantalla de inicio" en lugar de simplemente guardarlo como un marcador dentro de tu navegador.
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad.png">
También hay numerosas instrucciones y tutoriales sobre cómo hacer esto para cosas distintas a tu dispositivo móvil, como Chrome . Independientemente del tutorial que sigas o si es algo básico como un paso a paso o más avanzado, la idea es la misma, ¿cómo puedo hacer que mi página web, que en esencia es una aplicación, tenga una apariencia y sensación más permanente en el dispositivo o sistema en el que se está cargando?
Áreas y elementos a considerar y tener en cuenta para esto son, por supuesto, el Viewport, los iconos de la aplicación, las etiquetas meta y el archivo de manifiesto.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
Los iconos son, por supuesto, ese toque de personalización que todo desarrollador ama y todo equipo de marca odia.
Utilizo varias herramientas en línea gratuitas para generar los archivos específicos, pero tiendo a pasar mucho tiempo dentro de herramientas como Gimp para hacer realmente los gráficos por mí mismo. Normalmente lo hago cuando me encuentro con un error o desafío en mi aplicación que parece que no puedo superar en ese momento.
Pedro Pascal
Se unió el 07/03/2018
Facebook
Twitter
Pinterest
Telegram
Linkedin
Whatsapp
Sin respuestas
No hay respuestas para mostrar
Se el primero en responder
contacto@primeinstitute.com
(+51) 1641 9379
(+57) 1489 6964
© 2024 Copyright. Todos los derechos reservados.
Desarrollado por Prime Institute
Hola ¿Puedo ayudarte?