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

Cambiando los colores de del.icio.us

Últimamente he estado haciendo mayor uso de del.icio.us, el servicio de marcadores en linea; principalmente porque me mantengo en 3 sistemas al día y mantener marcadores en mi navegador no es practico.

En Web Worker Daily encontré un CSS para modificar los colores de del.icio.us; también mencionan uno para google reader y un script para mejorar gmail, muy útil por cierto. Puedes cambiar del.icio.us de esto:

del.icio.us

a esto:

del.icio.us - cambio de colores

Tiene fuentes más grandes para los enlaces, las etiquetas más pequeñas en la nube es más fácil leerlas, así como el número de personas que han marcado el enlace. Los enlaces ya visitados salen en celeste, los que no han sido visitados en rojo.

Para hacer el cambio, necesitarás la extensión Stylish para Firefox y bajar la hoja de estilos para del.icio.us.

Etiquetas: , , diseño, extensiones firefox, firefox, eye candy,

CSS Naked Day 2007

Faltan 3 días para que llege el CSS Naked Day (5 de Abril), un evento donde muchos sitios web eliminan sus hojas de estilos con el fin de promover el uso de estándares web, ya que si no los usaran, sería muy difícil hacerlo 😉 .

¿Como Participar? Solo debes editar la plantilla de tu blog/sitio y comentar donde incluyes la hoja de estilos:

<!-- <link rel= "stylesheet" href= "http://tusitio/wp-content/themes/plantilla/style.css" type="text/css" media="screen" /> -->

Si por alguna razón no podrás editar tu plantilla a las horas adecuadas, puedes instalar este plugin que haga el trabajo por tí (y de paso quedas preparado para el año próximo). Solo incluyes en tu plantilla:

<?php if (is_Naked_Day()) : ?>
<!-- It's Naked Day don't ya know! See http://naked.dustindiaz.com for more information. //-->
<?php else : ?>
<style type="text/css">
<!--
@import"/css/your_style_sheet.css";
//-->
</style>
<? endif; ?>

Para los que estamos en WordPress.com, que no podemos editar las plantillas ni instalar plugins, todavía hay opciones. Si tienes CSS Custom (de pago) solo debes ir a Dashboard >> Presentación >> Edit CSS y luego eliges la opción Iniciar desde cero y usar solo esta, asegurate de guardar por aparte el CSS que tengas y borrar todo. Si no tienes CSS Custom en tu blog puedes usar Sandbox, que es una plantilla especial para CSS Custom, y seleccionar que no utilice un Skin en especial para la misma. Solo recuerda hacer los cambios a las horas adecuadas …

Te apuntas?

Vía >> Anieto2k.com.

Etiquetas: , , , , ,

Ultimas fotos de Guate en blogschapines.com

Hace tiempos que queriamos poner el logo oficial de blogschapines en el Directorio, pero por el tamaño del mismo no sabíamos con que complementarlo. Hoy como muchos se dieron cuenta hemos modificado el header del directorio. La verdad me ha gustado mucho como luce ahora.

Portada Blogschapines

Oscar tuvo la bondad de proporcionarme el código para incluir las ultimas fotos de flickr bajo el tag guatemala, que fue el que uso en blogs.desdeguate.com:

<div id=”flickr”>
<script type=”text/javascript”
src=”http://www.flickr.com/badge_code_v2.gne?count=8&display=latest&size=s&layout=x&source=all_tag&tag=guatemala“></script>
</div>

y el CSS básico:

.flickr_badge_image {margin:0 10px 20px 50px; float: left;}
.flickr_badge_image img { padding: 2px; background: #ccc; }

¿Qué les parece a ustedes?

deviantArt: CSS Journal Contest

Justo hace unos momentos acaban de publicar en deviantArt un concurCSS Contestso para diseñar un CSS para los Journals de las cuentas en dA. El concurso solo aplica para los no-suscriptores. Entre los premios incluyen suscripciones de hasta 2 años para el ganador, pero tambien habran premios de 3 meses de suscripción para los buenos diseños que lo merezcan.

Los diseños pueden ser enviados hasta el 31 de Octubre, así que hay bastante tiempo para ponerse a trabajar.

Nota: Como los no-suscriptores no podemos jugar con el CSS de los Journals, todos los diseños serán enviados como imágenes en una categoría especial.

Para más detalles y ejemplos del concurso vean el Journal de =duhcoolies.

Etiquetas: css, diseño, deviantart