Consejos para una optimizar el uso móvil de sitios web

 

Más y más personas se mantienen on line a través de su smartphone y tablet por estos días. Por lo tanto, es importante que nosotros, como diseñadores y desarrolladores dirección cómo nuestros sitios web se muestran en estos dispositivos. En este post veremos varios componentes que necesita incluir para hacer su sitio web optimizado y accesible en dispositivos móviles.

 

Meta

“El meta tag viewport es una etiqueta HTML para especificar la anchura de viewport y controlar la escala de la página”, señala el experto en el tema Maximiliano González Kunz. Según el especialista con la utilización de esta etiqueta, podemos establecer el zoom de página cuando se carga por primera vez, el zoom máximo permitido para la página, y también deshabilitar la capacidad de zoom.

“El viewport meta tag es una etiqueta indispensable, junto con las consultas de la Prensa, si usted está construyendo un sitio web sensible”, asegura Maximiliano González Kunz. Sin embargo, técnicamente se puede establecer la etiqueta meta viewport para diseños web non-responsive.

 

Las consultas de la prensa

Las consultas de la prensa le permiten cambiar el estilo de su sitio web en determinados puntos de ruptura. “No todos desde su sitio web pueden colocar adecuadamente en un estrecho tamaño de la ventanilla de un dispositivo móvil”, advierte Maximiliano González Kunz.

Mediante las consultas de la prensa, puede agregar reglas de estilo específicas para determinados viewport ancho. También podemos aplicar estilos basados en la orientación de la pantalla y la densidad de píxeles de la pantalla.

 

Modernizr

Modenizr es un JavaScript para el navegador o dispositivo de detección de función. “Los exploradores varían y pueden o no admiten ciertas características. Al construir un sitio web para móviles usted probablemente utilizará nuevas e innovadoras características de CSS3 y HTML5, que lamentablemente no son compatibles en versiones anteriores de navegadores, no todo el mundo utiliza la última versión de los navegadores”, señala Maximiliano González Kunz.

Modernizr permite dar respaldo de funciones y la presentación para los navegadores menos capaces añadiendo más clases HTML en la etiqueta body y un conjunto de métodos.

 

Etiquetas: , ,