أفضل أطر CSS مفتوحة المصدر

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

لنبدأ من البدايه. ما هو CSS؟

كيف سيكون منزل أحلامك؟ هل سيكون من طابق واحد أم طابقين؟ هل ترغب في غرف النوم في الطابق السفلي والمطبخ في الطابق العلوي؟ لماذا لا تضع حوض الاستحمام في غرفة النوم؟

وبمجرد أن يتم حل ذلك ، ما هو اللون الذي سترسمه للغرف؟ هل تصنع مقدمة الحجر؟

يمكننا إجراء تشبيه بين موقع على شبكة الإنترنت ومنزل. من ناحية لدينا هيكل الموقع ومن ناحية أخرى الجانب المرئي.  في حالة تحديد الهيكل بالخطة والجانب المرئي من خلال النظر إلى عينات الزخرفة.

CSS هو اختصار لـ Cascading Style Sheets.. بينما يتم استخدام HTML لبناء مستند ويب (تحديد أشياء مثل الصفحات والعناوين والإشارة إلى وقت تضمين الصور والفيديو والوسائط الأخرى) يعيّن CSS نمط تخطيط الصفحة والألوان والطباعة.

مع CSS يمكنك تحديد النمط لكل عنصر HTML. العناصر هي مكونات HTML الفردية لصفحة الويب.

أوراق الأنماط يمكن أن تكون خارجية أو داخلية أو عبر الإنترنت. إذا كنت تريد استخدامها خارجيًا ، فيجب عليك حفظها كملفات .css وإخبار ملف .html بمكان العثور عليها.

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

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

ما هو إطار عمل CSS؟

أطر CSS إنها أدوات يستخدمها مطورو واجهة المستخدم لجعل عملهم أسرع. بدلاً من إنشاء حلول من الصفر في كل مرة يظهر فيها مشروع جديد ، lتمنح الأطر للمطورين الأدوات اللازمة لإنشاء واجهات مستخدم بسرعة يمكن تعديلها وتكرارها حسب الحاجة.

باختصار ، يمكننا تعريف الأطر على أنها مجموعة من أوراق أنماط CSS المعدة والجاهزة للاستخدام في أنواع مختلفة من المواقف.

إن توفير الوقت ليس هو الفائدة الوحيدة التي تأتي من استخدام أطر عمل CSS. باستخدامهم ، يتم توحيد التصميمات وتسمح للمطور بقراءة رمز مطور آخر بسهولة.

أفضل أطر CSS مفتوحة المصدر

التمهيد

وفقا لأنفسهمBootstrap هو أكثر إطارات عمل HTML و CSS و JS شيوعًا. إنه مثالي لتصميم المواقع المتوافقة مع الجوال (الجوال أولاً) والمواقع سريعة الاستجابة.

دورة تأسيسية

يبدو أن الأشخاص الذين يصنعون أطر عمل ليس لديهم جدة.
دورة تأسيسية موصوفة باعتباره "الإطار التكيفي الأكثر تقدمًا في العالم"

إنها أداة مفيدة لإنشاء مواقع الويب وتطبيقات الويب مع التركيز على احتياجات العمل. Facebook و eBay و Mozilla و Adobe و HP و Cisco و Disney من بين مستخدميها.

[بولما]

[بولما] هو إطار عمل CSS مجاني ومفتوح المصدر يعتمد على Flexbox ويستخدمه أكثر من 200.000 مطور.

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

واجهة المستخدم الدلالية

واجهة المستخدم الدلالية هو إطار تطوير يساعد في إنشاء تنسيقات جميلة وسريعة الاستجابة باستخدام HTML سهل الاستخدام.

يعد هذا الإطار بالسماح لنا ببناء تصميمات جميلة بأكثر من 3000 متغير موضوعي وأكثر من 50 مكونًا لواجهة المستخدم.

يتكامل أيضًا مع العديد من مكتبات الجهات الخارجية ، بما في ذلك React أو Angular أو Meteor أو Ember.