Dejemos de usar Internet Explorer 6

Para los que trabajamos desarrollando sitios y que nos toca revisar que nuestros sitios se vean decentes en todos los (pseudo)navegadores allá afuera, sin dudas el que más dolores de cabeza da es Internet Explorer 6.

Me gusto la convocatoria que está haciendo Noruega, y que Maestros del Web está haciendo eco, sobre informar a los visitantes que hay mejores alternativas que IE6. El problema con IE6 no solo es lo poco que entiende de los estándares web y lo lento que corre el javascript, sino la experiencia en general es bastante mala.

Esto no significa que hagamos de menos a los que todavía usan IE6, deberíamos hacer que el sitio funcione “bien” para ellos, los que aún lo usan ya sea porque:

Read More

Corre varias versiones de Internet Explorer

Los navegadores web están lejos de ser perfectos, si no es que olvidan la existencia de estándares web, o son muy inestables u otros con sus errores absurdos, aún estamos en un mundo salvaje. Existen navegadores con los cuales es posible diseñar sitios sin mayor esfuerzo, pero mientras Internet Explorer siga teniendo la mayor pedazo del pastel todo buen diseñador debe tenerlo en cuenta:

Estad�sticas de Navegadores en este Blog

No hablo de diseñar para Internet Explorer, sino de al menos hacer que nuestro sitio se vea lo mejor posible para dicho navegador, ya sabes lo que dicen la primera impresión cuenta 😉 Es por ello que hay que ver como se visualiza nuestro sitio en al menos IE6 e IE7 (que son los más populares).

Tradicionalmente en Windows solo se puede tener uno de los 2 instalado, a menos que uses alguna de las versiones tocadas, es decir, autónomas y sin que interfiera con la versión instalada. No funcionarán todas las características, pero hasta donde yo los he probado es suficiente para depurar nuestro diseño.

Si estas en Windows y aún tienes Internet Explorer 6, puedes optar por la versión Stand alone de IE7 donde bajas el instalador y ya. Si ya tienes Internet Explorer 7 entonces debes bajar IE6 Stand alone que contiene una carpeta con los archivos necesarios para ejecutar esta versión, mucho más cómodo que un instalador.

Si estas en Ubuntu, puedes instalar IE6 con ayuda de Wine como lo explican en Howto Forge (simpático el instalador de Es4Linux, por cierto). También parece ser posible tener IE7 en Ubuntu, pero no tiene buen soporte con Wine, así funcionar un poco más limitado de lo que ya es =P

Con esto ya debes ser capaz de ver como luce tu sitio para la mayoría de gente en internet… en lo que cambian a un mejor navegador (si es que algún día sale uno…. *grin*):

navegadores en ubuntu

BTW, no olvides:

Etiquetas de búsqueda: , , , , , , , ,

Convivio del Web

La semana pasada nos juntamos parte de la gente que «hace sitios web» en Guatemala a celebrar el «convivio del web», excusa para ponerse al día en los chismes, contar chistes y mandar algunos shiletazos en persona; pero lo más destacable es que literalmente le rompimos la cara a Internet Explorer, gracias a la piñata de IE que patrocino Ricardo Azurdia:

Read More

Mejora de Pago para desactivar anuncios en WordPress.com

Desde hace bastante tiempo WordPress.com incluye anuncios ocasionales en todos los blogs hospedados en este servicio. La mayoría de usuarios frecuentes de WordPress.com no habrá visto anuncios en los blogs, ya que para que se muestren se debe cumplir:

  • La visita debe venir desde un buscador
  • No tener una sola cookie de WordPress.com, al visitar por primera vez cualquier blog se te dará una cookie que evitará que se te muestren anuncios… por un tiempo.
  • Usar Internet Explorer, si usas cualquier otro navegador no se te mostraran anuncios.

Luego tiempo después hubieron muchos rumores sobre una futura mejora de pago que permitiría mostrar anuncios en el blog todo el tiempo en beneficio del autor. Hasta el momento aun no se sabe nada más al respecto, excepto que hoy WordPress.com anunció una nueva mejora de pago que permite desactivar los anuncios a todos los visitantes del blog, registrados o no en WordPress.com.

Sin anuncios

La mejora de pago cuesta $30 al año por cada blog, precio que está por debajo del costo de cualquier hosting shared decente. Claro cuando ya estas pagando por Custom CSS ($15) y Domain Mapping ($10) agregar otros $30 a la cuenta ya se acerca a lo que me costo el hosting de $65 el año. Mejor veré de usar Custom CSS para bloquear los anuncios 😉

IE8 pasa el AcidTest 2 (dicen)

Creo que todo el que haya desarrollado un sitio usando estándares web, sabrá muy bien que Internet Explorer no es el chico bueno de la pelicula y siempre parece que los interpreta a como a él mejor le parecen. En la versión 7 mejoraron bastante el soporte, pero hoy a sido una sorpresa saber que IE8 pasará el Acid Test2.

IE8 y Acid Test2

Claro de momento es solo una imagen, pero si es cierto esto Internet Explorer regresa al buen camino. Solo esperemos que no sea otra de esas promesas sin cumplir de Microsoft:

if( ACID2 == TRUE)
    useFakeSmileyRender();
else
    useNormalCrappyCSSParser();

El AcidTest 2 sirve para medir que tan bien saben los navegadores interpretar los estándares web. Veremos que tal termina IE8 pero estas son muy buenas noticias.

Etiquetas: navegadores, internet explorer

Safari en Windows… una estafa

Apple ha tenido el renombre durante mucho tiempo que sus productos son de buena calidad, seguro haces una buena inversión de tu dinero dicen muchos. Yo tengo poca experiencia con Apple, a no se de mi primera computadora que fue una Macintosh 😉

Muchos de los fans de Apple babearon por Steve Jobs en el WWDC07, en el cual presento entre otras cosas:

  1. Algunas de las “300” nuevas características de Mac OS X Leopard, y que al fin sale en Octubre… aunque a mí me tiene sin mucho cuidado eso 🙂
  2. El nuevo Safari 3 y su salida a la plataforma Windows. De esto es lo que voy a comentar acá.

El Vaquero más rápido del viejo oeste

El punto de batalla de Safari 3 ha sido su velocidad de renderizado de las páginas, frente a otros navegadores:

Rendimiento de Safari segun Apple

Lo único que puedo decir, es que me parece demasiando idealista que Safari pueda lograr esa velocidad, ya que en el Mundo Real las cosas difíciles:

  1. Influye el ancho de banda que tenga el visitante, ya que no es lo mismo un enlace en Europa que en Japón.
  2. La concurrencia del servidor al que se solicite la página.
  3. E incluso el país de donde estén ambos, por diferencias en las rutas por las que pasa la información. (BTW: Telefónica es lo peor!)
  4. Seguro que con 6MBs que te den en el Keynote todo se despliega al instante, aún usando IE4 😆
  5. ¿De donde sacaron esos datos? hay estadísticas que fundamenten esos números o es puro mercadeo y el 2.14 es el número de elementos HTML promedio para lograr dicha velocidad ¿?

Para la Conexión de 1MB (telgua) que tenemos en la oficina, Safari sobre Windows no tiene gran diferencia en velocidad comparado con Firesucks Firefox o incluso con Internet Explorer. Solo me parece muy curioso que la pagina de Yahoo cargue tan rápido y el resto no ¿será que hay algo detrás para favorecer a Yahoo? ¿tendrá que ver con que en la página de Safari se le muestre desplegando Yahoo? No se, no se, es sospechoso.

Para los mortales que tenemos decadentes enlaces a Internet como el Slowly de telefónica, da igual el tiempo que tarde en renderizar la página X navegador. Recuerdo que una vez fui a uno de los Laboratorios de New Media en la UF, donde la salida a Internet según algunos medidores es de 6Mbps/s, y en verdad que Firefox volaba! tan rápido como trabajar con un Servidor Web local 🙂

Incluso Wired ha hecho una comparativa de la velocidad real de Safari contra Firefox e IE7, cargando algunas aplicaciones de Google…. la verdad es otra a la que quiere vender Apple:

Firefox, IE7 y Safari 3

Pero seamos rudos 🙂 , si eliminamos las latencias de transferencia por internet y trabajamos con un archivo HTML local nos podemos dar una buena idea del rendimiento de cada navegador. Uno de los documentos más grandes que conozco es la Documentación de Mysql compilada en un solo archivo HTML de 11MBs de tamaño, ese un documento enorme. Hice unas pruebas rápidas en mi PC sin haber cargado nada más que le navegador con la documentación de Mysql (use la versión 5):

Navegador Tiempo de renderizado (aprox) Memoria Virtual
Firefox 2.0 4 – 6 minutos 250MBs
Internet Explorer 7 1 minuto 185MBs
Safari 25 Segundos 225MBs
Gran Paradiso A5 30 Segundos 153MBs

Son pruebas rápidas de carga de la documentación de MySQL en cada navegador. Repetí varias veces la prueba, cerrando completamente el navegador entre cada una y en Firefox todas las extensiones fueron deshabilitadas.

En este caso extremo, Safari le gana a IE7 y a Firefox 2 (aún en linux Swiftfox no logró mayor cosa.. 4 minutos para cargar), pero Gran Paradiso Alpha 5 le pisa los talones y de hecho responde mucho mejor que Safari mientras carga la pagina y optimiza el uso de memoria, tan solo 153MBs contra 225MBs de Safari. Gran Paradiso Promete!! Por cierto, IE7 no hizo tan mal papel comparado con Firefox 2.0; aunque nadie cargaría un HTML de 11MBs en un día cualquiera.

El rendimiento javascript no lo pude comparar ya que la versión para Windows resulto tan inestable que no pude estar en más de 3 servicios por mucho tiempo como Gmail, DeviantArt, WordPress; lo cuales hacen modesto uso de AJAX. Lo probé un poco con RoundCube Mail, y parece que le gana a Firefox y sus problemas de javascript pesado.

Podría señalar 5 formas de como trabar Safari en Windows, desdeguate menciona una, pero sería una perdida de tiempo jejeeje y eso sin mencionar que el mismo día que lanzaron Safari, le encontraron agujero de seguridad al vaquerito de Apple. Pobres los desarrolladores de Safari, lanzan una pre-alpha como Beta 3 y les meten código como si fuera queso suizo el mismo día 😉

Porque odio a Safari

Según entiendo Safari esta basado en el motor de Konqueror, KHTM, de KDE; y este junto a Presto son los pocos que logran pasar el Acid Test 2 y por tanto Safari también; Entonces porque hay CSS que en Firefox/IE funcionan y en Safari no !?!?!?!

Por ejemplo en mi blog no funciona el margen superior del <div id=”container”> (windows y mac):

Fallo de CSS con Safari

Y eso que mi CSS no está tan pateado. Otra cosa que no funciona es el evento hover del widget de estadísticas de akismet (solo windows):

Estad�sticas de Akismet

Algo que hasta IE6 puede hacer! Y es un selector CSS tan sencillo como:

#aka:hover #akismet1 { display: none; }
#aka:hover #akismet2 { display: block; }

#akismet1 { display: block; }
#akismet2 { display: none; padding-top: 2px; }

Aún más, veo que los atributos title no son tomados en cuenta dentro de Safari (en windows). Los atributos title sirven para mostrar información adicional de enlaces, imágenes o abreviaturas. Por ejemplo en deviantArt me ayuda mucho para saber que tipo de mensajes tengo por leer:

uso del atributo title en deviantArt

Incluso para las abreviaturas no se muestra el toltip 😦 . Peor aún cuando un enlace/ancla a la misma página no funciona…

Algo que aplica para la versión Mac y Windows, es que la ventana solo se puede redimencionar con el cuadrito en la esquina inferior derecha, no hay bordes a ninguno de los lados… frustrante:

Cuadrito para redimencionar en Safari

Dado los múltiples colapsos del pobre navegador, desee tanto que incluyera una opción para recuperar la sesión antes del colapso; algo que hasta a IE7 se le puede agregar con una extensión. Por defecto Safari trae activado un sistema similar a ClearType para las fuentes, que no se como se desactiva y no me disgusta como lucen los textos… todo parece ser en negrillas :S

Al igual que Opera, Safari usa su propia interfaz independiente de la plantilla que use mi Sistema Operativo, lo cual me disgusta mucho. Si quiero usar una plantilla que no combine con el color metal de Safari, simplemente se verá mal. Al menos Safari si usa los Common Dialogs de Windows para interactuar con el sistema de archivos.

Si Apple quiere conquistar al mercado que aún usa Intenet Explorer, empezó mal… muy mal, al lanzar una supuesta Beta 3 que no llega ni a alpha. Si bajan Gran Paradiso Alpha 4 (Firefox 3), resulta por mucho más estable que Safari (ambos en Windows). En cuanto al renderizado, viendo los errores menores de CSS y la ridícula interfaz, me hace dudar de este navegador.

Como rematan en recomendable el artículo de Ars Technica:

Safari’s user interface simply doesn’t provide the usability or flexibility of competing products. If the folks at Apple think that providing Windows users with a taste of Mac OS X through Safari is going to entice them to buy a Mac, it’s going to take a better effort than the Safari 3 beta. Even if the final release is more polished and completely bug-free, it still won’t be as powerful or feature-loaded as Opera or Firefox.

Lo siento Safari, eres una estafa. Prefiero trabajar con Gran Paradiso y enviar reportes de bugs, a perder tiempo acostumbrándome a tus defectos y caprichos.

Etiquetas: apple, css, internet, , microsoft, , ,