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.
Sin photoshop: una mujer estadounidense pintó un cuadro exclusivamente con código HTML y CSS 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).
Sin photoshop: una mujer estadounidense pintó un cuadro exclusivamente con código HTML y CSSDiana 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.
Sin photoshop: una mujer estadounidense pintó un cuadro exclusivamente con código HTML y CSS
Por ejemplo, así es como se ve la imagen en la versión anterior de la Ópera.
Sin photoshop: una mujer estadounidense pintó un cuadro exclusivamente con código HTML y CSS
Y así se muestra en Chrome 9.
Sin photoshop: una mujer estadounidense pintó un cuadro exclusivamente con código HTML y CSS
Pero la imagen parece especialmente aterradora en las primeras versiones de Internet Explorer.
Sin photoshop: una mujer estadounidense pintó un cuadro exclusivamente con código HTML y CSSEn 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.