El arte con CSS no tiene pinceles pero tiene truco

Nunca hay que sobreestimar ni la imaginación ni la paciencia de quien se maneja en herramientas de software como puede ser el Excel el lenguaje de diseño gráfico CSS (siglas de Cascading Style Sheets, es decir, «hojas de estilo en cascada»). Un lenguaje muy usado para establecer el diseño de webs e interfaces de usuario escritas en HTML o XHTML y que para algunas personas supone un lienzo.

El CSS nace como forma de separar los contenidos y su presentación y fue sobreviviendo como mejor propuesta de lenguaje de diseño frente a otras. Es lo que se usa para definir el aspecto de cada elemento previamente definido con HTML/XHTML (ninguno de todos lenguajes de programación, por cierto), definiendo color, tamaño, tipo de letra, etc., y lo que ocurre cuando se deja volar la imaginación (y se tiene tiempo) son cosas como las que veremos a continuación.

El «truco» del CSS Art y su indiscutible reina: Diana Smith

El trabado de la diseñadora de interfaces Diana A. Smith es realmente increíble. En su web se describe como experta en CSS y casi se le queda corto, viendo obras como las que en la misma web exhibe y que cuesta creer que se hayan hecho con códigos y teclas y no óleos y pinceles.

Diana Francine
Imagen: Diana Smith

La propia diseñadora explica su afición y cómo crea estas obras, indicando que su meta es que algo creado con CSS no lo parezca en absoluto. La creación que poníamos antes, «Francine», está inspirada según comenta en una escena de la serie estadounidense ‘American Dad’, que sale en el vídeo haciendo que lo que saca Smith de ahí sea aún más impresionante.

También explica la gracia que tiene esto: el CSS es lo que indica al navegador cómo mostrar la página web, pero no es en sí un *.jpg, *.png o algo que se inserte ni se guarde como archivo. De hecho, lo que veréis en este artículo son todo capturas de pantalla de la imagen o de la página de edición, ya que puede cambiar según en qué navegador se vea.

Aquí otras de las creaciones de Smith. Cada una le cuesta unas dos semanas, y aún parece poco viendo los resultados.

Diana Lace
Imagen: Diana Smith
Diana Zigario
Imagen: Diana Smith

Una Monalisa algo borrosa y arte irlandés

El desarrollador y diseñador Jay Salvat dedica ratos libres al arte con CSS y damos con él al encontrar su Monalisa. De momento no tiene muchos más proyectos con CSS compartidos, más allá del popular cuadro de Leonardo y un reloj animado bastante sencillo.

Jay Monalisa
Imagen: Jay Salvat

Por su parte, el desarrollador Josh Jutherford se basa en [esta ilustración de Zara Picken, siendo su inicio en el mundo del arte con CSS.

Jutherford Caballo
Imagen: Rosh Jutherford.

Móviles

El polaco Grzegorz Witczak tiene un surtido repertorio de creaciones con CSS, desde elementos web hasta un Carlton bailando. Una de las que destacan es este móvil, con gran nivel de detalle y que casi parece un render de alguna app o fabricante.

Witczak Movil
Imagen: Grzegorz Witczak.

Fabrizio Bianchi es otro desarrollador que también dedica ratos al CSS. En sus composiciones de «CSS Art» vemos también un móvil muy detallado, como el anterior.

Bianchi Movil
Imagen: Fabrizio Bianchi.

Fuente: https://www.xataka.com/otros/arte-css-no-tiene-pinceles-tiene-truco-16-impresionantes-trabajos-depende-que-navegador-veas

Otras entradas que pueden interesarte

Ludwig Suarez Escrito por:

2 comentarios

  1. Walter Serrano
    12 enero, 2020
    Responder

    Quede impresionado.

  2. Jhonatan Ferreira
    12 enero, 2020
    Responder

    Sabia que se podían hacer unas cuantas cosas pero no tanto.

Responder a Jhonatan Ferreira Cancelar respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *