Por qué no seré usuario de Chrome, Safari, Opera y -Suricata Webbrowser-

Cada quién es libre de definir los criterios que le ayuden a decidir cual será su programa principal para hacer X tarea, o en este caso, el navegador que estaría corriendo la mayor parte del tiempo (hablando como un desarrollador web).

Algunos lo hacen según lo rápido que ejecuta javascript, porque pasa el Acid Test 3 al 100%, porque presenta la página más rápido que todos (aunque las conexiones en latinoamerica no nos permiten apreciarlo), o porque viene a revolucionar Internet (alias Vaporware), etc. Para mí hay dos requisitos muy importantes al a hora de usar un navegador como «principal»: las extensiones y la interfaz.

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: , , , , , , , ,

La locura de las versiones de Firefox

Mi navegador principal aún es Firefox, muchos de mis conocidos se movieron a Chrome, pero yo sigo con Firefox. ¿Mi excusa? Cualquier navegador sin Firebug (y otras de mis extensiones) me resulta completamente inútil, casi como tener una computadora sin conexión a Internet. Mi PC no tiene problemas con que Firefox decida usar un tercio de la memoria disponible, y sigue sin ser rival para mi Core i7-920.

De cuando en cuando me gusta usar las versiones beta de Firefox, por diversión y ver que de bueno incluirá la siguiente versión. Pero ahora que Mozilla ha decido lanzar una nueva versión mayor de Firefox cada 6 semanas, lo que ellos llama Rapid Releases, empiezo a ver un problema por venir:

Read More

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

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, , ,

IE7, que malo es!

Aprovechando que mi Windows Media Center sí es una original, hoy le instale el tan “famoso” IE7… y la verdad me arrepiento de haber descargado los casi 15MB y desperdiciar unos 15 Minutos de CPU en esa porquería!!!

Es más pareciera que esta basado en JAVA, ufff relento. Segundo, no entiendo porque las páginas se ven como que fueran un jpeg con mucha compresión, me desagrada en verdad. Luego lo pésimo del nuevo GUI, está muy mal distribuido, y la forma de los tabs… nada presentable. De hecho me tarde más en instalarlo que en lograr que se colgara.

Como era de esperarse, ni siquiera se acerca en lo más mínimo a la prueba Acid 2 Test. Les dejo las vistas para IE6, IE7, Firefox 1.5 y Firefox 2.0:

Acid 2 Test Acid 2 Test Firefox 1.5: Acid 2 Test Firefox 2.0: Acid 2 Test

Si alguién me dice que IE7 está bueno: ó le pagan por decir eso, ó no ha probado Firefox 2.0, que porcierto ya lo pueden descargar aquí. Por cierto yo no tuve problemas con mis marcadores al pasar de Firefox 1.5.07 a Firefox 2.0 Final.

Esto me recuerda lo del bug que le encontrarón a IE7 en menos de 24 horas, claro porque viene desde IE6… pero resulta que Microsoft dice que eso no es cierto, sino que el bug esta en Outlook Express, así que ese bug no cuenta para IE7 (dicen ellos, pero igual truena) . Ahhhhh Microsoft me da mucha risa.

Etiquetas: internet explorer, navegadores, microsoft, bugs

Un Bug por Día

Un grupo de hackers ha declarado este mes de Julio, el Mes de los Bugs en los Navegadores (del ingles Month of Browser Bugs) y para ello han creado un blog en donde publicaran un hack/bug/truco al día en todo el mes de Julio:

Welcome to the Browser Fun Blog!

This blog will serve as a dumping ground for browser-based security research and vulnerability disclosure. To kick off this blog

, we are announcing the Month of Browser Bugs (MoBB), where we will publish a new browser hack, every day, for the entire month of July. The hacks we publish are carefully chosen to demonstrate a concept without disclosing a direct path to remote code execution. Enjoy!Browser Fun

Este blog de seguro tendra buenos frutos… tanto para ke los hackers tengan un buen recurso, como para los desarrolladores de los navegadores afectados inicien la carrera de parchar los bugs que se vayan publicando.

Viendo los 9 bugs que han publicado, el mas afectado es IE (aun con todos los parches) con 7 bugs, 1 para Firefox y otro mas para Safari. Hay que notar que hasta el momento estos no son nuevos bugs, todos ya han sido reportados a sus respectivos desarrolladores.

 

Visitar >> Browser Fun

Etiquetas: , ,