[ad_1]

Tal vez lo has escuchado antes, o tal vez has estado cara a cara con este enemigo tú mismo. Internet Explorer (IE) es a menudo la peor pesadilla de un diseñador web, ya que siempre está un poco detrás de la curva, un poco peculiar y es demasiado popular como para ignorarlo. Todos los sistemas operativos de Windows vienen con IE preinstalado, lo que significa que una gran parte de la población usa regularmente este navegador en lugar de cambiar a un mejor navegador. Tal vez sea demasiado complicado, tal vez no son lo suficientemente expertos en informática para saber cómo cambiar o incluso por qué deberían hacerlo. Ahora puede parecer irónico, pero actualmente estoy escribiendo esta publicación usando IE, pero en realidad, la razón por la que lo estoy haciendo es porque Soy un desarrollador web. Sé que si puedo hacer que un sitio funcione correctamente en Internet Explorer, funcionará aún mejor en Firefox.

Algunos diseñadores web eligen ignorar IE por completo, informando a sus visitantes que es mejor que descarguen Firefox o Chrome si desean experimentar el sitio al máximo. Pero con casi una quinta parte de los usuarios de Internet que usan IE, esta solución puede no ser el curso más inteligente. Otros pueden optar por hacer que sus sitios web sean compatibles con IE9 pero no con versiones anteriores (ya que IE9 es casi tan bueno como Firefox, Chrome y otros navegadores compatibles con los estándares); pero nuevamente, tenemos casi el 9% de usuarios que usan IE8, que es más del 6.4% que usa IE9.

Entonces, ¿qué hay que hacer? Como diseñador web, no todo está perdido. Hay varias cosas que uno puede hacer para asegurarse de que un diseño funcione bien en todos los navegadores y se degrade muy bien si utiliza elementos que no son compatibles con IE, especialmente aquellos más antiguos que IE9. Debo admitir que me niego a intentar hacer un sitio compatible con IE6 o anterior; intentar hacer eso sería complicar el código con todo tipo de hacks, y es bastante seguro ignorar IE6 en este momento. En abril de 2012, el porcentaje de usuarios que usaban IE6 era de 0.7%, y considerando que estos usuarios probablemente ya deberían estar acostumbrados a sitios rotos, elijo ignorar esa población marginal.

Así que aquí hay una breve lista de cosas en las que pensar al diseñar un sitio para que sea verdaderamente compatible con todos los navegadores:

  1. Escriba un código válido que cumpla con los estándares W3Cy validarlo con el validador W3C. Puede escribir en HTML 4.01 o XHTML 1.0, y siempre que valide y use buenas prácticas de codificación (como el uso de HTML (X) para estructura y CSS para diseño), debería aparecer de manera bastante consistente en todos los navegadores, incluido IE7 / 8 . No hago ningún comentario sobre el uso de HTML5, ya que actualmente no trabajo con él, pero de los sitios que he visto y un poco de investigación que he hecho, HTML5 no es exactamente compatible con navegadores antiguos, y particularmente IE. También puede validar su CSS y scripts, así que asegúrese de seguir adelante y hacerlo.
  2. Prueba en múltiples navegadores, incluidas versiones anteriores de IE. Aquí es donde debo mencionar las herramientas de desarrollo de Internet Explorer para aquellos que no han descubierto este pequeño y práctico sistema que tienen IE, así como otros navegadores como Firefox. En IE9 puede encontrarlos en el botón Herramientas en la barra de herramientas, y luego haga clic en Herramientas de desarrollo F12, o simplemente presione F12 en su teclado. Aquí hay muchas herramientas útiles, desde deshabilitar scripts o CSS (intente deshabilitar CSS y Javascript en algún momento para ver cómo se vería su sitio sin ellos; esto da una idea de cómo los lectores de pantalla leerán su sitio), hasta validar su código. También hay un modo de navegador que le permite seleccionar el modo de compatibilidad IE9, IE8 o IE7 (a menos que tenga instalado IE8 en su máquina, en cuyo caso le permitirá seleccionar IE7 e IE6). Entonces, con esta herramienta, puede probar su sitio en las versiones anteriores de Internet Explorer sin arrastrar su computadora anterior con el navegador antiguo aún instalado.
  3. Si está en una Mac o por alguna otra razón no puede obtener Internet Explorer, puede usar un procesador como netrenderer. Solo proporciona una captura de pantalla de su sitio y no le permite probar la interacción (incluso algo tan simple como desplazarse por la página), pero le dará una idea aproximada de qué tan bien lo está haciendo. Para obtener formas más realistas de prueba, puede intentar una búsqueda en Google del "emulador de Internet Explorer". Hay otras opciones, pero como no tengo una Mac, no me he molestado en probar ninguna de ellas.
  4. Considere formas alternativas de codificar su sitio. Quizás, en lugar de usar CSS para crear esquinas redondeadas, sombras y gradientes, pueda ir a la vieja escuela y usar imágenes. A menudo, las imágenes se pueden hacer lo suficientemente pequeñas como para que no tarde mucho en cargar, y el resultado es un sitio hermoso que se ve exactamente igual en todos los navegadores.

Es una sensación muy agradable, después de haber codificado la cosa, abrirlo en IE7 y ver que, sorprendentemente, se ve igual que en Firefox. Ahora eso es un logro. Y aún más importante, su sitio puede impresionar todos de sus usuarios, y no solo aquellos con mejores navegadores. A menos que sea su público objetivo, por supuesto.