Contenido

Microsoft contra Internet Explorer 6

14 May

+ 35

Una muestra de que Microsoft está intentando hacer las cosas bien y enmedar sus errores pasados es la campaña que ha comenzado contra Internet Explorer 6, más concretamente contra la ignorancia de los usuarios que la están usando y no saben que hay alternativas mejores para sus equipos.

ie8milk
(Ver Imagen)

Esto además de demostrar que tienen un camino por duro camino por delante, son conscientes de donde está el negocio y que su antiguo engendro está relentizando el boom en Internet. Con estas y otras medidas, pronto podremos disfrutar de una Internet más rica.

Via

Añade soporte CSS3 a Internet Explorer 6, 7 y 8

12 Abr

+ 34

Internet Explorer 6, 7 e incluso la versión 8, aún no soporta ciertas características del estándar CSS3. Para ello, generalmente tenemos que hacer uso de hacks o  soluciones poco recomendadas como generar una serie de capas para simular una sombra o un borde redondeado.

Una solución muy limpia es la de importar mediante behavior() un fichero .htc que nos añadirá al navegador (IE6,7,8) algunas de las características que cualquier otro navegador ya podemos disfrutar.

.box {
 -moz-border-radius: 15px; /* Firefox */
 -webkit-border-radius: 15px; /* Safari and Chrome */
 border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

 -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
 -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
 box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

 behavior: url(ie-css3.htc); /* Activamos el soporte para IE */
}

Como podemos ver, añadimos la llamada behavior() a la especificación de la clase .box. Esto hará que Internet Explorer 6+ use la especificación CSS3 (osea la versión sin prefijos) aplicando los estilos deseados. Para ello usará estándares de Internet Explorer disponibles únicamente para estos navegadores. Simplemente tendremos que descargar el fichero .htc y usarlo como vemos en el ejemplo anterior.

NOIE6Day, llegó el día

18 Oct

+ 19

Bueno, por fín ha llegado, hace más de 234 días que nació la inciativa (voluntaria) de NOIE6Day y que pretende hacer que el día de hoy sea un punto de inflexión en la vida de Internet Explorer 6. Por ese motivo, apartir de hoy a las 00:00 nuestras webs deberían excluir las CSS’s para este navegador, dejando el contenido a la vista y eliminando los estilos.

Personalmente, soy partidario de mostrar un mensaje de alerta al usuario informándo que tiene más opciones a las que está usando y que además de ser una ayuda a todos los desarrolladores web del mundo, estará mejorando la seguridad de su navegación, la velocidad y sobretodo estará adaptado a lo que la nueva Internet pretende ofrecer con los nuevos estándares.

¿Por que queremos deshacernos de Internet Explorer 6?

acid3-ie6
(Ver Imagen)

A buen entendedor pocas palabras bastan 😀

¿Que hemos probado para reemplazarlo?

Hemos probado a hacerle hasta Voodoo (:D), también lo hemos probado con Javascript, incluso Google ha metido mano en el asunto. Y por fin, estamos viendo los resultados.

¿Como nos deshacemos de él?

Fácil, hacemos que los estilos CSS de nuestra página no se vean para este navegador. Además le mostramos un mensaje de alerta informándole que hay a su disposición de forma gratuita alternativas mejores y le damos enlaces para que se pueda actualizar fácilmente. Cruzamos los dedos y esperamos a que algún usuario se dé por aludido y decida dar el paso 😀

<head>
...
<?php
function NOIE6() {
 $start = date('U', mktime(-12, 0, 0, 10, 18, 2009));
 $now = time() + date('Z') * -1;
 $isIE6 = eregi("MSIE 6\.[0-9]+", $_SERVER['HTTP_USER_AGENT']);

 if ($isIE6 && ($now >= $start)) return true;
 return false;
}
// Desde este día, no las mostramos
if ( !NOIE6() ) {
 echo '<link rel="stylesheet" type="text/css" href="styles.css" />';
}
?>
...
</head>
<body>
<!--[if IE 6]>
<div id="usuarios-ie">
La versión de Internet Explorer que estás utilizando no es recomendada para navegar en Internet.
Te recomendamos que actualices a <a href="http://www.microsoft.com/windows/products/winfamily/ie/default.mspx">una versión más reciente</a> o pruebes otros navegadores como <a href="http://www.mozilla.com" title="Firefox web browser">Firefox</a>, <a href="http://www.opera.com/" title="Opera Browser">Opera</a>, <a href="http://www.apple.com/safari/" title="Apple Safari">Safari</a> o <a href="http://www.google.com/chrome" title="Google Chrome">Chrome</a>
</div>
<![endif]-->
....
</body>

Sencillo y rápido de implementar 😀

Y si tengo WordPress??

Si tienes WordPress será aun más fácil, simplemente tienes que añadir el siguiente código a tu fichero functions.php úbicado en el directorio de tu theme.

<?php
function noie6($url){
	$start = date('U', mktime(-12, 0, 0, 10, 18, 2009));
  	$now = time() + date('Z') * -1;;
 	$isIE6 = eregi("MSIE 6\.[0-9]+", $_SERVER['HTTP_USER_AGENT']);

  	if ($isIE6 && ($now >= $start))  return "";
  	return $url;
}

add_filter("stylesheet", "noie6");
add_filter("stylesheet_uri", "noie6");
?>

Otras formas de llamar la atención del usuario

No obligo a nadie a seguir esta iniciativa, entiendo que muchos proyectos no se pueden permitir hacer esto, pero siempre podemos hacer otras cosas para llamar la atención del usuario, que de eso va la idea. Hacer que los usuarios que no conscientes de que están usando un navegador anticuado tienen otras alternativas.

Diferencias CSS entre Internet Explorer 6,7 y 8

15 Oct

+ 2

Smashing Magazine publica un artículo sobre las diferencias CSS entre Internet Explorer 6, 7 y 8 y aunque muchas las conocemos, no está de mal recordar esas diferencias que nos hacen dedicar esos minútos (horas) extras a la hora de maquetar nuestras aplicaciones.

IE6ify, sientete como en casa con cualquier navegador

29 Jul

+ 13

¿Eres un amante devoto de Internet Explorer 6.0? ¿Es el único navegador que muestras las páginas como quieres verlas? ¿Los demás navegadores muestran las páginas demasiado bien? Pues acaba con ello, con IE6ify podrás destrozar cualquier web y sentir que estás de nuevo con tu amado IE6 😀

IE6ify
(Ver Imagen)

Este script, encargado de colocar aleatoriamente todos los elementos de la página, simula a la perfección el algoritmo encargado de interpretar el HTML de Internet Explorer 6. Y nos ayudará mostrar cualquier página con ese toque único que solo un gran navegador puede darnos.

IE6 adictos venir a mi!!!

Youtube se une contra Internet Explorer 6

14 Jul

+ 56

Hoy via Ajaxian descubro que en TechCrunch hablan sobre la iniciativa de Youtube (una iniciativa que no es muy nueva) con la que Google ataca directamente a Internet Explorer6, haciendo que sus usuarios vean un mensae informando de que existen navegador más modernos y que sus servicios se verán limitados si acceden con una versión tan antigua.

youtube-ie6.png
(Ver Imagen)

Muy bien colocado, Google Chrome, de forma estratégica justo al lado del mensaje :D. Sin duda es el paso que necesitabamos, un sitio como Youtube haciendo campaña para conseguir una internet mejor.

Internet Explorer 6 pierde cuota de mercado

7 Jul

+ 16

Hace unos días que vamos viendo noticias muy interesantes sobre la disminución de los usuarios de Internet Explorer 6 en Internet. No tenemos que engañarnos por que a su vez, Internet Explorer 8 está subiendo como la espuma.

browser-version-last-year
(Ver Imagen)

Esto es lógico debido a la actualización crítica de IE8 por parte de Microsoft. Y sin duda se trata de una gran noticia para los desarrolladores, ya que aunque IE8 no sea la panacea de los navegadores web, pero es una mejoría importante frente a la versión más antigua de Microsoft.

browser-last-year
(Ver Imagen)

¿Y los navegadores móviles?

Pues tambien hay cambios y es posible ver la evolución de las diferentes versiones disponibles en el mercado.

mobile-browser-last-year
(Ver Imagen)

Opera continua llevando la voz cantante frente a la versión iPhone de Webkit que cada vez pierde más cota de mercado. Se comienza a notar la incursión de Nokia en los dispositivos Wifi haciendo que se mantenga en una discreta tercera posición y la espectacular subida de Android que en 1 mes ha llegado a recoger un 2-3% del total, aún lejos de ser un navegador a tener en cuenta en estas estadísticas.

(Gráficas sacadas de StatCounter).

IE6 Update, la forma más sutil de sugerir que se actualizen

21 Abr

+ 17

Sin duda, el que los usuarios se actualizen y deje de usar Internet Explorer 6 está dando lugar a muchos movimientos e iniciativas con el fín de hacerle llegar al visitante que su navegador está desactualizado y debería actualizarse. Esta es sin duda la forma más sutil de recordarle al usuario que debe actualizarse, mucho más discreta que el banner que vimos hace unas semanas, ambas destinadas a recordar al usuario el cambio.

ie6fixer, aplicación que añade hacks por ti

8 Abr

+ 7

ie6fixer es una aplicación a la que le pasámos un fichero .css y nos revisa el contenido para aplicar los hacks para IE6 que pueda necesitar. Aunque las opciones disponibles no son muy extensas, muestran una idea muy interesante con una funcionalidad muy, pero que muy importante. Ojalá pronto no sea necesaria.

NOIE6Day, 18 de octubre día sin Internet Explorer 6

24 Feb

+ 132

Actualización

Hemos replanteado la iniciativa para hacerla menos radical y no obstructiva.

Os quiero proponer una cosilla. Supongo que por el tema que és recibiré comentarios de apoyo, pero lo importante es ver quien lo lleva a cabo.

Se trata de un NOIE6Day (osea día sin Internet Explorer 6), al igual que tenemos un CSS Naked Day, debemos hacer una protesta hasta que sea inutil criticar a un navegador que no exista.

¿El día?

Según la Wikipedia, Internet Explorer 7.0 nació (lanzamiento) el día 18 de Octubre de 2006. La idea era matar IE6 y dejar paso a una familia de navegadores más modernos (no acabó de cuajar) pero creo que es una buena fecha, no muy cercana que nos permite movilizarnos y que simboliza un cambio por parte de M$.

18 de Octubre

¿Por que?

Por que desde el 25 de agosto del 2004 no se actualiza y está relentizando Internet. Y todo lo que ya conocemos.

¿Como montarlo?

Muy sencillo, simplemente tendremos que añadir este código al inicio de nuestra aplicación,

<?php
// Definimos la función
function NOIE6Day() {
  $start = date('U', mktime(-12, 0, 0, 10, 18, date('Y')));
  $end = date('U', mktime(36, 0, 0, 10, 18, date('Y')));
  $z = date('Z') * -1;
  $now = time() + $z;
  $isIE6 = eregi("MSIE 6\.[0-9]+", $_SERVER['HTTP_USER_AGENT']);

  if ( $isIE6 && ($now >= $start && $now <= $end )) return true;
  return false;
}

// La llamamos
if (NOIE6Day()) {
	die(sprintf('Hoy, día 18 de Octubre del %d es el llamado NOIE6Day. Es un día en el que los usuarios de Internet Explorer 6 no podrán entrar en esta página.
		<br />
		Te recomendamos que actualices a <a href="http://www.microsoft.com/windows/products/winfamily/ie/default.mspx">una versión más reciente</a> o pruebes otros navegadores como <a href="http://www.mozilla.com" title="Firefox web browser">Firefox</a>, <a href="http://www.opera.com/" title="Opera Browser">Opera</a>, <a href="http://www.apple.com/safari/" title="Apple Safari">Safari</a> o <a href="http://www.google.com/chrome" title="Google Chrome">Chrome</a>.
		<br />
		<a href="%s">Más información</a>', date("Y"), $url)
	);
}

?>

está pensado para añadir un fichero noie6day.html en el servidor para informar al usuario de por que estámos dejándole sin su página favorita.

Si alguien más diplomático se anima que me haga llegar una plantilla y la publicaremos para que todos podamos tener algo similar.

Feedback

Espero opiniones, sugerencias  😀

Actualización

Versión .htaccess:
http://www.actualidadtotal.es/htaccess_noie6day.zip
Módulo WordPress:
http://www.actualidadtotal.es/wp_noie6day.zip
Módulo Drupal:
http://www.actualidadtotal.es/drupal_noie6day.zip