Meta viewport para dispositivos móviles en Blogger

 En las nuevas plantillas de Blogger ya aparece un código condicional que aplica la META viewport. Su función es adaptar la plantilla de Blogger para la correcta visión del blog desde dispositivos móviles.

 En el caso de que sigamos utilizando una plantilla antigua, deberemos insertar el siguiente código condicional en el HEAD, justo encima del código preexistente resaltado en rojo:

<b:if cond='data:blog.isMobile'>
  <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
  <meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>

 También será necesario elegir la plantilla a utilizar para el acceso desde móviles. Para ello, lo mejor es acceder a nuestra cuenta de Blogger desde Blogger in draft (Blogger en borrador) e ir al blog en cuestión → Plantilla → Móvil → Configuración → "Sí, mostrar la plantilla para móviles en los dispositivos móviles" ó "No, mostrar la plantilla para ordenador en los dispositivos móviles"; si hemos elegido la primera opción, finalmente habremos de elegir entre la plantilla predeterminada y seis más → Guardar.

La META X-UA-Compatible en Internet Explorer 8

 El navegador Internet Explorer 8 cumple parcialmente con los estándares, a diferencia de las anteriores versiones. Esto puede resultar una complicación añadida más que una solución, puesto que ahora --más que nunca-- se pueden visitar las páginas web utilizando las nuevas mejoras o ignorándolas.

 En realidad, esto no hay quien lo entienda; está claro que estamos muy lejos todavía de que un mismo sitio web se vea de igual forma en todos los navegadores, pero el hecho de que las diferencias existentes entre las distintas versiones de un mismo navegador continúen generando problemas me parece ya un atraso inaceptable.

 Con Internet Explorer 8, los usuarios pueden decidir entre los siguientes modos de compatibilidad: Emulate IE7 Mode, Emulate IE8 Mode, IE5 Mode, IE7 Mode, etc. Para aliviar un poco los problemas de compatibilidad, usaremos la META X-UA-Compatible para informar al navegador de cuál es el modo adecuado de mostrar un sitio. Al atributo content se le pueden dar los valores de IE=5, IE=7, IE=EmulateIE7, IE=8, o bien usar IE=edge, el cual indica que se utilice el modo de compatibilidad más avanzado.

 Este es el código que hay que añadir en la plantilla, concretamente en el HEAD y después de TITLE:

<meta content='IE=8' http-equiv='X-UA-Compatible'/>