Sin photoshop: una mujer estadounidense pintó un cuadro exclusivamente con código HTML y CSS

La artista y programadora Diana Smith creó manualmente un retrato de una mujer al estilo del siglo XVIII utilizando código CSS puro. Le tomó dos semanas completar esta difícil tarea. Pero al mismo tiempo, es muy divertido ver cómo su trabajo "cabalga" en versiones anteriores de navegadores. Internet Explorer, como siempre, está en la cima.

Fuente: Motherboard Vice

La mujer estadounidense dibujó la imagen manualmente usando las herramientas de desarrollo en Google Chrome. Llamó al retrato femenino resultante "Francine" y publicó su código en acceso abierto en GitHub (un servicio web para alojar proyectos de TI y su desarrollo conjunto).

Diana Smith crea imágenes solo con código HTML y CSS, sin usar editores gráficos ni tabletas. Al mismo tiempo, en diferentes navegadores, el código del que está hecho "Francine" se muestra de manera diferente.

Por ejemplo, así es como se ve la imagen en la versión anterior de la Ópera.

Y así se muestra en Chrome 9.

Pero la imagen parece especialmente aterradora en las primeras versiones de Internet Explorer.

En el sitio web de Diana Smith, puede encontrar varias obras más creadas por código CSS. Todavía no hemos comprobado su compatibilidad entre navegadores.