ما هو Blueprint css و كيف استعمله - الحلقة الأولى

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

ما هو المخطط Blueprint

إطار بلوبرنت هو مجموعة من ملفات السي اس اس التي تضم ما يلي:
*a style “reset”, equalizing html element styles across all browsers
نمط إعادة بناء كل عناصر صفحة الهتمل من الصفر بشكل يتلائم مع كل متصفحات الويب
*a style “restoration” to restore your html elements to usable settings margin, padding,
نمط استعادة ليعيد كل عناصر صفحة الهتمل بشكل قابل للاستعمال مثل الهامش و الحشوة
*form layout classes
شكل فئات مخطط الصفحة
*special classes to handle IE peculiarities
فئات خاصة لتعامل مع انترنت اكسبلورر
*most importantly, a 960-pixel-wide grid layout system
و المهم هو مخطط الصفحة المؤلف من 960 بيكسل

نظام الشبكة 960 بيكسل

نظام شبكة 960 بيكسل هي طريقة لبناء صفحات الويب على اساس أعمدة
أولاً يتم تعين عرض الصفحة 960 بيكسل
ثانياُ يتم تقسيم الصفحة إلى 24 عمود كل عامود له عرض محدد و هو 40 بيكسل
لو ضربنا 40 ب 24 لوجدنا 960 بيكسل (بطل العالم بالحساب)
المختصر المفيد إطار بلوبرنت يوفر لك ملفات الطباعة, تنفيذ المخططات الصفحات المعقدة بسهولة, انسى مشاكل التوافق مع انترنت اكسبلورر (شو بدك أحلى من هيك)
كفى حكي و لنبدأ باستعمال Blueprint css مع برنامجنا المفضل لإدارة المحتوى دروبال
في هذه الحلقة سنكتفي بتركيب تيم Blueprint و تركيب إطار Blueprint css
في الحلقة القادمة ستتشئ صفحة معقدة شيئ ما