أماني CSS

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

إمكانية تحديد هيكل الصفحة


لكل موقع هيكله الخاص، والذي يتكون من أعمدة وصفوف. ما أتمناه هو إمكانية تحديد هيكل الصفحة في بداية الـ CSS دون الخوض في مشاكل الملائمة وقابلية الوصول، بحيث تصبح موجودة ضمنياً داخل كل متصفح ويستطيع المصمم التحكم بها ببساطة كالتالي مثلاً:

layout{
cols:3 25% 40% 30%;
padding:5%;
}

وحتى أمعن في التعقيد على المبرمجين للمتصفحات والـCSS فإنني أرغب في جعل هذه الخاصية قابلة للتطبيق على العناصر أيضاً. مثلأ أود يكون هيكل موقعي من عمودين وفي صفحة من الصفحات أود أرتب المحتوى في العمود الثاني في 3 أعمدة متساوية.

layout{
cols:2 25% 70%;
padding:5%;
}

col2 layout{
cols:3 33% 33% 33%;
}

كما باستطاعتي جعل قائمة رقمية تتابع في أعمدة لتشغل مساحةً عرضية بدل أن تكون في شكلها الطولي المعتاد.

ol layout{
cols:2 45% 45%;
}

ol col1, ol col2{
margin-right:5%;
}

ما رأيك في هذه الخاصية وكيف يمكن تطويرها؟

والسـلام

تعليقان على “أماني CSS

  1. فكرة معقدة !.

    إذا افترضنا تحقيقها ، كيف يمكنني تحديد خصائص كل عمود على حده ؟! .

    اممممممم ، ماذا لو كانت صفحات الويب مقسَّمة ضمنيًا في المتصفح لـ 20 عمود مثلاً ، عرض هذا الأعمدة يُقاس بوحدة قياسيَّة مختلفة عن البكسل ، نسميها مثلاً الوحدة س ، كل عمود عرضه 1 س ، المجموع 20 س لـ 20 عمود،
    الآن نأتي لمثالك ، لدينا أربعة أعمدة الأولى طولها 3 س ، يعني بتأخذ مساحة 3 أعمدة أساسية ، والثانية 25% من مجموع 17 عمود ، وهكذا الثالثة 40% والرابعة 30% ، بقيت 5% بدون وظيفة تكون عمود خامس 🙂 .
    طيب .. لزيادة القة ممكن أن نقلص عرض العمود الواحد لكن ليس إلا أقل من 25% من الوحدة س .

    كيفية التحكم بخصائص هذه الأعمدة ، يكون مثل التحكم بخصائص الإطارات في الـHTML ، بفرق أنَّ الإطارات في ملفات منفصلة .

    .
    .

    شطحت على الفجر 😀

  2. تنبيه: css3 مع قرب اصداره , وخمس امنيات تتحقق !

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *