Mundrianは彼の象徴的な絵画スタイルで知られています：大胆な黒い線はグリッドを形成し、各セルは赤、黄、青、白で満たされています。このミニマリストの美学は、Webページの長方形の構造を補完し、長年にわたってCSS開発者をさまざまに試してみました。最近、CSSで作成されたモンドリアンスタイルの作品をいくつか見たので、過去に見た優れたケースを収集して、あなたと共有することにしました。

vasilis van gemert：

モンドリアンが顔料の代わりにCSSを使用した場合はどうなりますか？

多くの人々がモンドリアンの仕事をCSSと再現しようとしています。これはシンプルで簡単なエクササイズのように思えます。CSSは長方形を簡単に作成できますが、グリッドを使用すると、彼の作業のほとんどを簡単に再現できます。私はそれを試してみましたが、それは思っていたよりも少し複雑であることが判明しました。そして、結果は驚くべきことです。

ジェンシモンズラボ：

CSSグリッドに基づくMondrian Art

ジェンが作業に追加したテクスチャの詳細が好きです。ほとんどの例と同様に、彼女はCSSグリッドを非常に使用しています。

jen schiffer：

変数T：Pete Mondrian

私は最初にモンドリアンを選びました（彼が私のお気に入りのアーティストだったからではなく（彼がそうではなかった）、彼の作品が簡単に認識できたからではなく（それは簡単に認識できた）、それは楽しい（はい）、始めが簡単だと思ったからです（ははははい、いいえ）。

ライリー・ウォン：

コードで独自のモンドリアンスタイルの絵画を作成します

Githubには12段階のチュートリアルがあります。

Adam Fuhrer：

css mondrian

CSSグリッドを使用して生成されたピーターモンドリアンスタイルのアート。

John Broers：

CSSグリッドに基づくMondrianの作品