Franchu’s lair

I just got, from the ISOC-ES mailing list, a study on the compliance of several mail clients regarding HTML email. In the same spirit of the Acid2 test for web browsers, they have created a similar test to evaluate how different email clients render HTML emails.

Posiblemente a muchos este post les parezca una tontería supina, pero bueno, albergo la esperanza de que haya alguien que como yo no tenía ni idea de cómo enfrentarse al problema de conseguir un degradado de colores como los que salen en las barras de colores de los programas gráficos.

El problema que tenía que resolver es el siguiente. Tengo una serie de valores que tengo que mostrar en una escala de colores desde el azul (el mínimo de los valores de la serie) al rojo (el máximo de los valores de la serie).

Hacerlo en RGB se prometía complejo, pero afortunadamente encontré otro espacio de colores que me salvaba la vida. HSL (Hue, Saturation, Lightness).

En el nuevo espacio de colores puede mantener constante la luminancia y saturación y variar linealmente la tonalidad. Luego convertir a RGB es bastante fácil.

Para hacer una prueba rápida, hice un script en Python

import colorsys

l = 0.7
s = 1.0
n_max = 10

for i in range(1,n_max):

(r,g,b) = colorsys.hls_to_rgb(0.68*(1-i/float(n_max)), l, s)
r = int(r * 255)
g = int(g * 255)
b = int(b * 255)
print “<font color=’%x%x%x’>texto<br/></font>”%(r,g,b)

Y el resultado es:

<font color=’6598ff’>texto<br/></font>
<font color=’65d6ff’>texto<br/></font>
<font color=’65ffe8′>texto<br/></font>
<font color=’65ffaa’>texto<br/></font>
<font color=’65ff6c’>texto<br/></font>
<font color=’9eff65′>texto<br/></font>
<font color=’dcff65′>texto<br/></font>
<font color=’ffe265′>texto<br/></font>
<font color=’ffa465′>texto<br/></font>

Sencillo, rápido, bonito

Si alguno tiene alguna otra idea mágica de cómo hacerlo, también se agradece que nos ilumine con sus conocimientos.

Estos últimos días me he estado pegando con una web para intentar extraer información para un proyectillo que tengo entre manos, y he redescubierto algunas herramientas y descubierto otras.

Entre las que he redescubierto está la extensión para Firefox llamada Firebug. Es una verdadera gozada poder manipular el DOM desde el propio navegador, analizar el tráfico de datos entre la página web que estás visitando y el servidor pudiendo ver tiempos de descarga y las cabeceras de los intercambios HTTP. El editor JS y de CSS tampoco se quedan atrás ya que la funcionalidad “Inspect” permite seleccionar un elemento de la página y ver el código fuente asociado al mismo.

Acabo de ver que también se puede hacer una especie de hack para poner el código de forma que simule el funcionamiento de Firebug en Opera, Safari e IE, pero no deja de ser una ñapa al no permitirte usar todas las funcionalidades de Firebug y en todas las páginas.

Siempre te puedes descargar la última versión de:

La otra herramienta que he descubierto se llama Fiddler2 y es una aplicación en .NET (no la he probado en Mono, pero me temo que funcione únicamente en Windows) que crea y configura un proxy en tu máquina para las conexiones HTTP y HTTPS. De esta forma, intercepta el tráfico entre el navegador y el servidor y te permite hacer un análisis de las cabeceras y datos intercambiados. Es muy útil cuando la página no se muestra correctamente en Firefox porque algún aprendiz de programador lo ha capado (si, todavía hay sitios que tienen tan poco respeto por sus usuarios!).

Con estas dos herramientas ya no habrá web que se os resista para analizar lo que están haciendo por debajo y descubrir por donde meterle mano!

Como siempre, si conoceis alguna herramienta más… os agradeceré que lo pongais en los comentarios