يشتهر موندريان بأسلوبه الرائع المميز: تشكل الخطوط السوداء الجريئة شبكة ، وتمتلئ كل خلية باللون الأحمر والأصفر والأزرق والأبيض. تكمل هذه الجمالية البسيطة الهيكل المستطيل لصفحات الويب وجذب مطوري CSS للمحاولة بشكل مختلف على مر السنين. في الآونة الأخيرة ، رأيت بعض الأعمال على طراز موندريان تم إنشاؤها مع CSS ، لذلك قررت جمع بعض الحالات الممتازة التي رأيتها في الماضي ومشاركتها معك.

Vasilis van Gemert:

ماذا لو استخدم Mondrian CSS بدلاً من الأصباغ؟

يحاول الكثير من الناس إعادة إنتاج عمل موندريان مع CSS. يبدو أن هذا تمرين بسيط وسهل: من السهل إنشاء CSS ، والآن مع شبكة ، من السهل أيضًا إعادة إنتاج معظم أعماله. لقد جربته ، واتضح أنه أكثر تعقيدًا مما كنت أعتقد. والنتيجة ، حسنا ، مفاجأة.

مختبر Jen Simmons:

فن موندريان يعتمد على شبكة CSS

أحب تفاصيل الملمس التي أضافها جين إلى العمل. مثل معظم الأمثلة ، تستخدم شبكة CSS بشدة.

Jen Schiffer:

المتغير T: بيت موندريان

اخترت موندريان في البداية ليس لأنه كان فناني المفضل (لم يكن كذلك) ، ولا لأنه كان من السهل التعرف على عمله (كان من السهل التعرف عليه) ، لكن لأنني اعتقدت أنه سيكون متعة (نعم) وسهلة البدء (هاها ، لا).

Riley Wong:

قم بإنشاء لوحة على طراز Mondrian الخاص بك مع رمز

يوجد برنامج تعليمي مكون من 12 خطوة على Github.

Adam Fuhrer:

CSS Mondrian

فن نمط بيتر موندريان الذي تم إنشاؤه باستخدام شبكة CSS.

John Broers:

عمل موندريان على أساس شبكة CSS