إذا كان الاتجاه التصميمي المسطح حديثًا قد أظهر أي شيء ، فإن مصممي الويب المحدودين بشكل لا يصدق عندما يتعلق الأمر بالتشكيل. والآن بعد أن أصبحنا لم نشتت انتباهنا من خلال الحواف والتدرجات واللمعان ، فمن الواضح أن مصممي الويب لديهم بنية واحدة لتصميم تصاميمهم حولها: المستطيلات.
هناك بالطبع العديد من الطرق لإنشاء مجموعات من المستطيلات ، حيث توجد بكسلات على الشاشة ، ولكن عندما تأخذ في الاعتبار متطلبات النوع وضرورة التصميم لقرارات مختلفة ، تبدأ خيارات التصميم في الظهور بشكل واضح.
نعلم جميعًا أن جميع الزوايا ليست الزوايا الصحيحة ؛ نحن نعلم جميعا أن الخطوط ليست دائما مستقيمة. في الواقع ، بعض التصميم الأكثر خروجًا في القرن الماضي قد انقطع عن الشبكة ونسج في الأقواس والزوايا ، مما خلق التوتر والدراما والإثارة. إنه اقتراح سهل في التصميم الطباعي: افتح مستندًا في InDesign ، حدد أداة القطع الناقص وارسم دائرة على المسرح ، وحدد أداة الكتابة وانقر فوق الدائرة ، ثم الصقها في النص ؛ الآن جرب نفس الشيء في CSS ، تفضل ، سأصنع قهوة بينما أنتظر ...
بالطبع هناك الكثير من الطرق لرسم دائرة على صفحة ويب ، ولكن إذا قمت بتعويم النص حول أحد ، فسوف تكتشف أنه ليس دائرة حقًا. المربع المحيط به لا يزال مستطيلاً. الخيار الوحيد لإنشاء النص الذي يطفو على المنحنى هو إدخال مسافات في بداية كل سطر وفواصل أسطر في النهاية ، مما يؤدي إلى إسقاط النص بشكل مصطنع ؛ شيء يدفع الفوضى مع إمكانية الوصول.
لمعالجة المشكلة ، يقوم W3C بتطوير أشكال CSS. صدر في 20 يونيو مسودة العمل العامة الأولى ، CSS Form Module Level 1 ، تفاصيل استخدام أشكال غير مستطيلة بالنسبة لنموذج الصندوق وسلوك الطفو. حاليًا عمل قيد التنفيذ تتضمن الإضافات المقترحة إلى CSS مستطيل الأشكال والمستطيل الداخلي والدائرة والقطع الناقص والمضلع.
في التطبيق الأولي سنكون قادرين على التحرك حول الأشكال. للقيام بذلك ، سنستخدم خاصية الشكل الخارجي ، مثل:
Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.