كيف اختار الطريقة الأنسب لتنسيق العناصر باستخدام CSS؟

طالما أن كل الطرق التي ذكرتها تنتج المطلوب فلا مشكلة لديك في استخدام أي منها أنت حر في ذلك، لكن مع كثرة تطبيقك للمشاريع ومرورك بحالات مشابهة قد تجد أن بعض هذه الطرق يجب تفضيلها بحسب حالة المشروع

أيضًا يمكنك الاستعانة بخواص display لديها العديد من الخيارات قد تساعدك، يمكنك قراءة المقالات التالية

أيضًا من الأنظمة الحديثة نسبيًا في ضبط نسق العناصر هو نظام flex، فهو يتيه لك الكثير من الامكانات، يمكنك القراءة عنه أكثر في المقال التالي

لا مشكلة في معرفتك لعدة حلول لحل المشكلة ذاتها، هذا أمر جيد لكن مع زيادة خبرتك ستفضل حل عن آخر بعد النظر في نواحي المشروع كافة

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

• ان كنا نريد مثلا أن يظهر زر التسجيل في القائمة البريدية في منتصف الترويسة الأساسية للموقع، سيمكننا أن نعطي هذا الزر وضعية ثابتة position:fixed ونقوم بضبط المسافة من اليمين واليسار إلى حد أن تتموضع في المنتصف تماما. لحد ما تفي هاته الفكرة بالغرض، ولكن بعض حالات الاستعمال الأخرى قد تسقط هذا المنطق وتفضل طريقة أخرى عن هاته الطريقة. مثل: ان قام المستخدم بالانزلاق الى الاسفل لتفحص باقي العناصر فإن العنوان سيبقى ثابتا في منتصف الصفحة بشكل مزعج يغطي باقي الأقسام. ولو حدث وقلنا أن موقعنا ككل يمتلك قسما واحدا. فإن مشكلة أخرى ستظهر في حالة تصفح العميل للموقع عن طريق الهاتف أو التابلت مثلا، فالنسب من اليمين واليسار في شاشة الكمبيوتر 24" ليست هي نفسها في شاشة الهاتف أو التابلت، ولذلك فإن تموضع العنصر سيتغير في كل من الشاشات. هاته المشاكل تجعل من الأفضل استعمال هامش تلقائي على المحور x بدل الوضعية الثابتة. فإن حدث وقام المستخدم بتصفح الموقع من الهاتف فسيحافظ الموقع على شكله هنا أيضا، لأن الهامش التلقائي من اليمين واليسار لن يتغير من الهاتف الى الكمبيوتر. كما أن العنصر لن يبقى في المنتصف في حالة انزلاق المستخدم لتصفح أقسام اخرى. 

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

• ما الذي يحدث عندما يضغط المستخدم الزر؟ 
• ما الذي يحدث عندما ينزلق المستخدم الى القسم التالي؟
• ماذا سيحدث ان حاول مستخدمنا سحب العنصر؟
• ماذا سيحدث ان قام المستخدم بإعادة تحجيم نافذة الموقع؟ الى أي حد تلائم هاته الخاصية التصميم الحالي؟
• إلى أي مدى تتجاوب هاته الخاصية أو الخواص مع مختلف الشاشات ولا تتطلبنا أن نخصص كل مجموعة من الخواص لكل شاشة بمفردها؟ 
• هل تعتبر هاته الخواص هي أقل وأنظف شيفرة تحقق الغرض؟

وما الى ذلك من احتمالات واعتبارات..