Mundrian es conocido por su icónico estilo de pintura: las líneas negras en negrita forman una cuadrícula, y cada celda está llena de rojo, amarillo, azul y blanco. Esta estética minimalista complementa la estructura rectangular de las páginas web y ha atraído a los desarrolladores de CSS a intentar de manera diversa a lo largo de los años. Recientemente, vi algunas obras de estilo Mondrian creado con CSS, así que decidí recoger algunos casos excelentes que he visto en el pasado y compartirlas con ustedes.

vasilis van gemert:

¿Qué pasa si Mondrian usó CSS ​​en lugar de pigmentos?

Muchas personas intentan reproducir el trabajo de Mondrian con CSS. Esto parece un ejercicio simple y fácil: CSS es fácil de crear rectángulos, y ahora con una cuadrícula, también es fácil reproducir la mayor parte de su trabajo. Lo he probado, y resultó ser un poco más complicado de lo que pensaba. Y el resultado, bueno, es sorprendente.

Jen Simmons Lab:

Mondrian Art basado en la cuadrícula CSS

Me gustan los detalles de la textura que Jen ha agregado al trabajo. Como la mayoría de los ejemplos, ella usa la cuadrícula CSS en gran medida.

jen schiffer:

variable t: Pete Mondrian

Elegí a Mondrian al principio no porque fuera mi artista favorito (no lo fue), ni porque su trabajo fue fácil de reconocer (fue fácil de reconocer), sino porque pensé que sería divertido (sí) y fácil de comenzar (jaja, no).

riley wong:

crea su propia pintura de estilo mondrian con código

Hay un tutorial de 12 pasos en GitHub.

Adam Fuhrer:

CSS Mondrian

Arte de estilo Peter Mondrian generado con la cuadrícula CSS.

John Broers:

El trabajo de Mondrian basado en la cuadrícula CSS