الأساس (الإطار)

📅 آخر تحديث: ١ أغسطس ٢٠٢٦
✍️ نُشر في: ١ أغسطس ٢٠٢٦
📷 يحتوي على 1 صور
الموسوعة الحرة

Foundation هو إطار عمل مجاني ومتجاوب لتطوير واجهات المستخدم ، يوفر شبكة تفاعلية ومكونات واجهة مستخدم HTML و CSS ، وقوالب، ومقتطفات برمجية، بما في ذلك الطباعة، والنماذج، والأزرار، والتنقل، وعناصر واجهة أخرى، بالإضافة إلى وظائف اختيارية توفرها إضافات JavaScript . Foundation مشروع مفتوح المصدر ، وكان يُدار سابقًا بواسطة ZURB. ومنذ عام 2019، يتولى متطوعون صيانته. [ 2 ]

أصل

ظهرت منصة Foundation كمشروع تابع لشركة ZURB بهدف تطوير واجهات المستخدم بكفاءة أكبر. في أكتوبر 2011، أطلقت ZURB الإصدار Foundation 2.0 كمصدر مفتوح بموجب ترخيص MIT . [ 3 ] ثم أطلقت ZURB الإصدار Foundation 3.0 في يونيو 2012، [ 4 ] والإصدار 4.0 في فبراير 2013، [ 5 ] والإصدار 5.0 في نوفمبر 2013، والإصدار 6.0 في نوفمبر 2015. بدأ الفريق العمل على الإصدار التالي من Foundation for Sites 7، والذي من المرجح أن يتخلى عن دعم المتصفحات القديمة ويعتمد تقنيات أحدث مثل Flexbox أو ربما نظام الشبكة المحسوبة.

تم إصدار برنامج Foundation for Emails، المعروف سابقًا باسم ZURB Ink، في سبتمبر 2013.

تم إصدار Foundation for Apps في ديسمبر 2014.

سمات

تم تصميم Foundation واختباره على العديد من المتصفحات والأجهزة. وهو إطار عمل متجاوب مبني باستخدام Sass/SCSS . يتضمن إطار العمل معظم الأنماط الشائعة اللازمة لإنشاء نموذج أولي لموقع متجاوب.

يدعم الإصدار 2.0 أيضًا التصميم المتجاوب . [ 6 ] وهذا يعني أن التصميم الرسومي لصفحات الويب يتكيف ديناميكيًا، مع مراعاة خصائص الجهاز المستخدم (حاسوب، جهاز لوحي، هاتف محمول). وقد اعتمد الإصدار 4.0 نهجًا يركز على الأجهزة المحمولة أولًا، حيث تم تصميم وتطوير الموقع خصيصًا للأجهزة المحمولة، مع تحسين صفحات الويب والتطبيقات لتناسب الشاشات الأكبر حجمًا. [ 7 ]

مؤسسة Foundation مفتوحة المصدر ومتاحة على GitHub . نشجع المطورين على المشاركة في المشروع وتقديم مساهماتهم الخاصة للمنصة.

البنية والوظيفة

تُعدّ Foundation وحدةً نمطيةً تتألف أساسًا من سلسلة من ملفات أنماط Sass التي تُنفّذ مختلف مكونات مجموعة الأدوات. يُمكن تضمين ملفات أنماط المكونات عبر Sass أو بتخصيص ملف Foundation الذي تم تنزيله مبدئيًا. كما يُمكن للمطورين تعديل ملف Foundation نفسه، واختيار المكونات التي يرغبون في استخدامها في مشاريعهم.

نظام الشبكة والتصميم المتجاوب

يأتي قالب Foundation مزودًا بشكل قياسي بتصميم شبكي مرن بعرض 940  بكسل . وتستجيب أدواته بشكل كامل لتناسب مختلف دقة الشاشات وأنواع الأجهزة: الهواتف المحمولة، والشاشات الرأسية والأفقية، والأجهزة اللوحية، وأجهزة الكمبيوتر الشخصية ذات الدقة المنخفضة والعالية (الشاشات العريضة). ويقوم هذا القالب بضبط عرض الأعمدة تلقائيًا.

فهم أنماط CSS

توفر مكتبة Foundation مجموعة من أوراق الأنماط التي تقدم تعريفات أساسية للأنماط لجميع مكونات HTML الرئيسية . وتوفر هذه الأوراق مظهرًا عصريًا موحدًا على مستوى المتصفح والنظام لتنسيق النصوص والجداول وعناصر النماذج. [ 8 ]

مكونات قابلة لإعادة الاستخدام

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

مكونات جافا سكريبت وإضافاتها

نُقلت مكونات جافا سكريبت الخاصة بـ Foundation 4 من مكتبة jQuery إلى Zepto، انطلاقًا من افتراض أن البديل الأصغر حجمًا والأكثر توافقًا مع واجهة برمجة التطبيقات (API) سيكون أسرع للمستخدم. مع ذلك، عادت Foundation 5 إلى الإصدار الأحدث jQuery-2. يوضح مدونة ZURB الرسمية أن "jQuery 2.x لها نفس واجهة برمجة التطبيقات الخاصة بـ jQuery 1.x، لكنها لا تدعم متصفحات Internet Explorer 6 أو 7 أو 8". [ 9 ] ويدّعي كاتب غير موقّع أن سبب العودة إلى الإصدار السابق يعود إلى مشاكل التوافق مع التعديلات المُخصصة؛ وأن الأداء لم يكن جيدًا عند اختباره باستخدام jQuery-2 الأحدث.

يستخدم

يوجد ثلاثة مستويات من التكامل لـ Foundation: CSS و SASS و Ruby on Rails مع Foundation Rails Gem. [ 10 ]

CSS

لاستخدام Foundation CSS، يمكن تنزيل حزم CSS الافتراضية أو المخصصة من صفحة التنزيل وتثبيتها في مجلدات خادم الويب المناسبة. ثم يتم دمج Foundation في ترميز صفحة HTML. [ 11 ]

ساس

يستخدم برنامج تثبيت Foundation Sass كلاً من Ruby و Node.js و Git لتثبيت مصادر Foundation. ثم يوفر Foundation واجهة سطر أوامر لتعديل المصدر وتجميعه إلى CSS لاستخدامه في ترميز صفحات HTML. [ 12 ]

جوهرة Foundation Rails

يمكن تثبيت جوهرة Foundation Rails عن طريق إضافة "gem 'foundation-rails'" إلى ملف Gemfile الخاص بتطبيق Rails. [ 13 ]

مراجع

  1. ↑ "الإصدار 6.9.0" . 27 سبتمبر 2024. تم الاطلاع عليه بتاريخ 21 أكتوبر 2024 .
  2. ↑ "هل مؤسسة Zurb قيد التطوير النشط؟" . GitHub . تم الاطلاع عليه بتاريخ 21 نوفمبر 2019 .
  3. ↑ "إعلان مؤسسة ZURB" . تم الاطلاع عليه بتاريخ 22 أغسطس 2012 .
  4. ↑ "أطلقت ZURB الإصدار الثالث من Foundation لمنافسة إطار عمل Bootstrap الخاص بتويتر" . 29 يونيو 2012. تم الاطلاع عليه بتاريخ 22 أغسطس 2012 .
  5. ↑ "إطار عمل التصميم المتجاوب Foundation 4 يتبنى نهجًا يركز على الأجهزة المحمولة أولًا، وينتقل من jQuery إلى Zepto" . 28 فبراير 2013. تم الاطلاع عليه بتاريخ 28 فبراير 2013 .
  6. ↑ "قائمة منفصلة: الغوص في النماذج الأولية التفاعلية باستخدام Foundation" . 10 أبريل 2012. تم الاطلاع عليه بتاريخ 22 أغسطس 2012 .
  7. ↑ "أصدرت شركة Zurb الإصدار Foundation 4، وهو إصدار مصمم خصيصاً للأجهزة المحمولة، ويمثل حلم المطورين والمصممين ذوي التفكير المستقبلي"" . 28 فبراير 2013 . تم الاطلاع عليه بتاريخ 28 فبراير 2013 .
  8. ↑ "مقدمة في CSS" . www.w3schools.com . تاريخ الاسترجاع: 14-03-2023 .
  9. ↑ "لماذا تخلينا عن زيبتو" .
  10. ↑ تم أرشفة وثائق المؤسسة بتاريخ 28 أكتوبر 2015 في أرشيف الإنترنت (Wayback Machine) يوم الخميس 30 أبريل 2015
  11. ↑ مؤسسة البدء مؤرشفة بتاريخ 29 أكتوبر 2015 في أرشيف الإنترنت (Wayback Machine) يوم الخميس 30 أبريل 2015
  12. ↑ بدء تأسيس المؤسسة يوم الخميس 30 أبريل 2015
  13. ↑ بدء تأسيس المؤسسة يوم الخميس 30 أبريل 2015