Aunque no lo creyeras posible, Ben Evans es un diseñador web que ha demostrado sus destrezas programando cada una de las 4.413 líneas de código de la imagen que ves en la portada. A simple vista parece una imagen vectorial. Sin embargo, el autor nos ha dejado un video que demuestra que realmente ha sido creada con código CSS.
Cada elemento que se aprecia en la imagen es una línea de código programada que puede reescribirse para modificar cualquier detalle (forma, orientación, posición en el plano, color, opacidad, etc). Básicamente es una composición que puede ser creada en un programa de ilustración utilizando una serie de herramientas que Evans no necesitó para este arte.
El autor también ha dejado una página para promover esta técnica entre programadores y diseñadores web que se sientan interesados en practicar y recrear su última ilustración. Ahí podrán ver todo el código línea a línea, el cual también puede ser traducido a HTML y Javascript.
Otras creaciones de Evans con código CSS
- Una tela de araña interactiva que reacciona al paso del cursor.
- Una carta de rey de corazones interactiva.
- Animación de arte de píxeles.
- La ilustración de una cabina telefónica realista.
- Un retrato realista de su pequeña hija.
Imagen: (Captura de pantalla) video de Ben Evans, vía YouTube.