Alpha's Manifesto

A black and white figure's thought-hive

Link del día: Reportando bugs de browsers: qué, cómo y por qué

Este artículo de Smashing Magazine habla muy en detalle sobre la comunidad de desarrolladores de navegadores (una buena gran mayoría de ellos) y cómo es bienvenido el feedback de los usuarios para mejorar los navegadores mismos.

Explica un poco de qué forma se puede encontrar o aislar algo que creemos que es un bug, que también sirve para método de solución de problemas: una vez aislado el comportamiento no deseado siempre podemos idear un workaround  (que es, de hecho, como surgieron muchos de los hacks vigentes para hacer las cosas funcionar cuando no funcionan como deberían). El resto del artículo nos explica cómo reportar este comportamiento, bajo las líneas básicas de: ver si realmente es inesperado lo que ocurre, ver si no fue reportado antes, y cómo hacer un buen reporte de bug.

Allí están también los links a los bugtrackers de los navegadores más importantes: Internet Explorer, Firefox, Opera, Webkit (Safari/Chrome) y Chrome. (Chrome también tiene otro para el sistema de Javascript, V8).

Para los investigadores, también es interesante poder revisar esos links para ver el estado de avance y noticias de implementaciones de cada navegador.

Soy un zorrinito buggeado.

Link del día: Multiversiones IE

Alguna vez les conté de Xenocode, una suerte de plugins que ejecutándose virtualizaban distintas versiones de Internet Explorer (aunque me pregunto en dónde dejé ese artículo). Ahora que no está más disponible, entre nuestras opciones disponibles para hacer testing de IE está Utilu IE Collection, un conjunto de versiones standalone de Internet explorer (desde la 2.0!) para poder utilizar en nuestro testing de cross-browsing.

No sólo eso, la gente de Utilu también ha trabajado para ofrecer lo mismo en el mundo de Firefox, coherentemente llamado Utilu Mozilla Firefox Collection.

Al ser todas standalone se pueden correr en paralelo y comparar. Todo sin dejar la comodidad de tu localhost.

Soy un zorrinito 2.0, 3.0, 4.0, 5.0, 5.5, 6.0, 7.0, 8.0, 9.0 y 10 CTP 1.

Link del día: Firefox 4 + Mozilla demos

Ayer salió a la luz la versión definitiva de Firefox 4, y en unas 24 horas ya logró tener más de 6 millones y medio de descargas. Un navegador popular, sin dudas. Podemos bajarlo y al mismo tiempo ver el movimiento en tiempo real de descargas a través de Firefox 4 Download Stats.

Cabe aclarar que Firefox 4 viene totalmente renovado, al menos en su interfaz gráfica y mucho de su funcionamiento interno. Las características que Firefox siempre ofreció permanecen ahí, y hay varias otras más. Por otro lado, su interfaz es mucho más limpia y minimalista (parece que todos los navegadores están siguiendo una tendencia que Chrome marcó) y por supuesto, soporta muchos de los nuevos estándares que se están desarrollando para la nueva web.

Fue de casualidad, gracias a un post en Twitter, en donde encontré un dashboard de ejemplos y características de HTML5 y tecnologías relacionadas, llamado HTML5 & Friends, en donde podemos ver muchas de las nuevas características en funcionamiento, y tener una explicación pequeña que podemos extender. Por otro lado, la web de Mozilla Demos (llamada Web O’pen Wonder) contiene muchos ejemplos e implementaciones de las cuales podemos aprender.

Soy un zorrinito actualizado.

Link del día: Herramientas para Chrome

Aquellos que tenemos que ver con el desarrollo web muy seguramente nos hemos apegado mucho a nuestro querido Firefox, gracias a la enorme cantidad de herramientas que la comunidad tiene para poder desarrollar. Muchos de nosotros también han encontrado en Chrome una alternativa muy interesante y hasta preferible, pero siempre tuvimos el problema de que la cantidad de extensiones para desarrollo era muy limitada.

Por suerte, Chrome mismo ha evolucionado al punto de poseer unas herramientas de desarrollo integradas muy profundas e interesantes, sin necesidad de ninguna extensión. Pero aún así, el mercado de extensiones para Chrome ya ha crecido bastante, y es hora de ver alguna de las opciones que tenemos para personalizar el uso que le damos en nuestra tarea de desarrollo.

Rosa Gutiérrez fue quien me compartió a través de Google Reader esta enorme colección de extensiones para desarrollo en Chrome llamada 40 Useful Google Chrome Extensions for Web Designers. La verdad no las he contado, pero creo que son más de 40. Aunque no lo fueran, realmente valen la pena, les recomiendo a los usuarios de Chrome que le echen un vistazo, muy seguramente encontrarán algo de su agrado.

Soy un zorrinito cromado.

Link del día: Tab Candy, innovación en tab navigation

Gracias al blog de Thalskarth’s Maëlstrom (cuándo podré escribir eso sin copy-paste?) me enteré de un proyecto interesante que se está desarrollando. Dicho proyecto se llama TabCandy y hay un video explicativo al respecto que podemos ver aquí: An Introduction to Firefox’s TabCandy.

Recomiendo ver el video completo. Al comenzar a verlo pensé que se trataba de un plugin más que mejoraría el manejo de los tabs, uno más de tantos. Sin embargo, la idea va mucho más allá. Si recuerdan el concepto que mencionábamos hace un tiempo sobre Cómo trabajar con distracciones, de readquisición de contexto, el agrupamiento visual y localización espacial de conjuntos de tabs nos permitiría fácilmente enfocar nuestra navegación en distintas tareas. Por ahora tenemos algo similar si es que utilizamos distintas ventanas y tabs dentro de dichas ventanas (cosa que muy seguramente podamos hacer más fácil en Chrome que en Firefox).

Pero este proyecto va más allá. La posibilidad de crear y etiquetar conjuntos, buscar páginas entre todas o el contenido de las páginas. La posibilidad de compartir, o de que varios usuarios remotamente hagan una misma navegación. La posibilidad de tener conjuntos de conjuntos de tabs, la posibilidad de asignarles colores, u otras personalizaciones propias. La posibilidad de interactuar con otros usuarios, o incluso recomendar otros tabs que podrían sernos útiles basados en nuestra selección actual.

Las posibilidades son muchas, y es un desafío lograr todo esto para que funcione rápidamente y con un bajo consumo de memoria (cosa que ha sido desde siempre el estigma de Firefox).

Soy un zorrinito en tabs.

Link del día: Xyle

Xyle es un debugger HTML/CSS para Safari (ya que seguramente todos los que utilicen Firefox estarán muy contentos con Firebug). Cabe destacar que si bien Xyle es solo para entornos Mac, la forma de presentación de la información es bastante distinta, algo novedosa. Personalmente, me parece algo intuitiva a la vez de elegante, con lo cual con mucho gusto lo probaría.

Para leer un review al respecto (y una pequeña comparación con Firebug), pueden leer un artículo de DesignShack sobre HTML & CSS Debugging Tools, o un review de Xyle Scope en el blog de Carsonified.

Soy un zorrinito debugger.

Link del día: HTML5 Test

Ya hace tiempo venimos mencionando lo nuevo que se viene con HTML5 y CSS3, de cómo van a hacer más fácil la vida de los usuarios de internet, de cómo van a hacer más fácil la vida de los desarrolladores y diseñadores web, de cómo van a volver a la web un entorno semántico de información, etc. Sabemos también que aunque estamos algo lejos todavía de que el estándar se apruebe completamente, muchos navegadores ya han comenzado a implementar sus características. Si mal no recuerdo, fue noticia hace bastante tiempo ya que Firefox comenzó a aceptar los tags <video> de HTML5. (Aunque ya parece que cambió el standard y seguramente tengan que cambiar la implementación de Firefox.)

Si queremos verificar cuánto acepta de estas nuevas tecnologías nuestro navegador en cuestión, no tenemos más que visitar la página del HTML5 Test, que nos dará un puntaje para nuestro navegador, dependiendo en la cantidad de elementos que soporte. Yo ando usando Chrome 5.0 y me da un puntaje de 142. Y a ustedes?

Soy un zorrinito 5.

Link del día: Mono de grasa

Si es que no han tenido la suerte de probarlo, Greasemonkey (sí, “mono de grasa”) entonces les cuento que es básicamente un plugin de FireFox que permite “agregar plugins” extras. En realidad lo que hace es algo ligeramente distinto: en lugar de modificar la estructura de Firefox, permite inyectar Javascript en las páginas, agregándole / quitándole funcionalidad o automatizando tareas que preferiríamos no hacer a mano. Ya alguna vez comenté de un script de Greasemonkey que funcionaba como CAPTCHA decoder para Megaupload.

Lo maravilloso de esto es que abre un mundo nuevo de posibilidades, es casi como si tuviéramos a una persona invisible frente al navegador haciendo tareas extras o agregando cosas que nos gustaría que las páginas tuviesen.

Resulta que ahora la novedad es que Chrome en su versión 4 (verifiquen cuál tienen) soporta scripts de Greasemonkey sin necesidad de ningún plugin. Es decir, solo con instalar el script ya Chrome lo detecta como una extensión y lo anexa al sistema. La gente está maravillada con esto (ciertamente, yo también lo estaría), pero no he tenido la posibilidad de probarlo en mi caso. Yo tengo en este momento la versión5 (de la rama de desarrollo) y los scripts parecen no funcionar o no hacer nada. Será un problema mío?

Fuera de eso, si quieren probarlo, así sea en Firefox + Greasemonkey o en Chrome 4, solo tienen que pasarse por UserScripts, una comunidad de extensiones para Greasemonkey y elegir lo que más les guste para comenzar a darle esteroides a su navegador.

Soy un zorrinito grasoso.