Las ultimas noticias en tecnología, ciencia y cultura digital.
Las ultimas noticias en tecnología, ciencia y cultura digital.
Ilustración para el artículo titulado
Captura de pantalla: Ben Evans (CodePen)

Lo que ves sobre estas líneas no es una foto ni una ilustración en el sentido clásico de la palabra. Ese bucólico paisaje se ha creado íntegramente usando hojas de código CSS. Su autor, Ben Evans, ha programado cada elemento con líneas de código y, de hecho, modificar la imagen es tan simple como reescribir.

Advertisement

Ben Evans es un veterano diseñador web con una carpeta de clientes que incluyen empresas tan grandes como Disney. En sus ratos libres, Evans investiga pequeños nuevos proyectos como esta ilustración cuyo proceso completo se puede apreciar en este vídeo.

Si eres programador y te interesa saber más de cómo se ha creado el dibujo, en esta página puedes revisar toso su código, línea a línea y hasta traducido a HTML y Javascript. En CSS son 4.413 líneas de código.

Advertisement

No es la primera vez que Evans nos sorprende con trabajos como este. Antes ha creado cosas como una tela de araña interactiva que reacciona al paso del cursor, o la ilustración de una cabina telefónica, aunque ni de lejos era tan compleja como el paisaje que acaba de publicar. Su canal de YouTube también es un interesante recurso para programadores web. En este otro vídeo se marca un retrato de su hija en CSS que parece casi brujería. [vía Motherboard]

Editor en Gizmodo, fotógrafo y guardián de la gran biblioteca de artículos. A veces llevo una espada.

Share This Story

Get our newsletter