Finalmente, este sitio se puede ver en teléfonos celulares en un formato más adecuado y conveniente para navegadores de pantalla pequeña.
En un mundo cada vez más móvil, es casi una necesidad crear una versión móvil de un sitio web.
Según wikipedia, Hay mas que 5 mil millones de teléfonos celulares, en un planeta ocupado por alrededor 7 mil millones de personas.
Países como Montenegro, Arabia Saudita y Hong Kong, donde el número de teléfonos activados excede el número de personas (en el caso de montenegro, el porcentaje es casi el doble) exponer el hecho bastante obvio de que todos y sus perros tienen un dispositivo móvil. Sobre todo, este artículo de Wikipedia se refiere solo a los teléfonos celulares en existencia. No incluye la gran cantidad de dispositivos como tabletas además de la ya excesiva cantidad de teléfonos. Sin embargo, el número de sitios web con soporte para dispositivos móviles es todavía relativamente bajo.

Por qué tener un sitio web móvil?

Tener un sitio web con soporte móvil no es solo una cuestión de lujo sino también una necesidad. Los desarrolladores de sitios web buscan constantemente más comodidad para los usuarios y aumentar la satisfacción en la experiencia., mientras que al mismo tiempo maximizar la eficacia y la eficiencia del sitio. Por eso insisto tanto en evitar en lo posible el uso de Flash y empezar a sustituirlo por maravillosos trucos de HTML5.. Por lo tanto, la compatibilidad es aún más efectiva con los nuevos dispositivos.. Lo mejor de todo, crear una versión móvil de un sitio no tiene por qué ser necesariamente una tarea difícil. Aquí es donde sitios como Mobify juegan un papel importante..

Cómo hacer un sitio web móvil a partir de un sitio web normal?

Besides Mobify, otros sitios como Onbile pueden ayudarte con esta tarea. Algunos libres, algunos pagados, pero en este post voy a mencionar que utilicé en el pasado para la linterna amarilla.
Con una interfaz fácil de navegar, Mobify ofrece la posibilidad de modificar un archivo alternativo con tu hoja de estilos CSS. Esto significa que utiliza los mismos elementos de su sitio y los modifica para una presentación en una pantalla pequeña, lo que le permite tener un sitio móvil que es 100% funcional y requiere muy poco o ningún mantenimiento.
Mobify también te indica paso a paso cómo instalar un detector de navegador móvil por si no quieres complicarte la tarea con tu propio javascript.
Existen varias formas de detectar el tipo de navegador cuando un usuario entra en una página para que podamos enviar el navegador a una versión de la página más adecuada a las características de su dispositivo. Esta es ahora una tarea que Mobify puede hacer automáticamente, si lo desea.
Lo mejor de todo, puedes modificar tu hoja de estilo CSS como quieras con la ayuda de un simulador que te muestra los cambios en tiempo real.
Con una herramienta como Xyle Scope que me permite ver fácilmente los elementos CSS de mi sitio, Pude lograr en solo un par de horas la implementación de la versión móvil para The Yellow Flashlight y como diseñador de sitios web, Puedo ofrecer esto a mis futuros clientes de forma gratuita..

Todo funciona como siempre. Incluso la sección de comentarios. Solo eliminé algunas secciones que eran innecesarias para una versión móvil, and the language tool that was not compatible with mobile devices. Hoy, I no longer use mobify, but my own switcher. I did this so I could have more control on what to display on mobile devices. I re-incorporated the language switcher too.

Like always, don’t hesitate to leave a comment or post your question. Have fun with your CSS style sheet for mobile websites!