الصفحة الرئيسية » أدوات » 10 بدائل خفيفة الوزن إلى Bootstrap & Foundation

    10 بدائل خفيفة الوزن إلى Bootstrap & Foundation

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

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

    هنا 10 بدائل خفيفة الوزن إلى Bootstrap و Foundation التي يجب أن تستخدم ل بناء المواقع على نطاق أصغر.

    المزيد على Hongkiat.com:

    • البدء مع Twitter Bootstrap
    • باستخدام Bootstrap 3 مع ساس
    • أداة Bootstrap: بناء تخطيطات HTML Bootstrap
    • العمل مع Bootstrap البرنامج المساعد: نافذة مشروط
    • أداة Bootstrap: بناء Megamenu باستخدام YAMM3

    1. هيكل عظمي

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

    جميع المكونات التي تم تضمينها في الإصدار السابق - الأزرار والنماذج وعناصر الإدخال - لا تزال موجودة ولكن تم الآن تعيين أنماط الطباعة الأساسية عيني وحدة.

    2. CardinalCSS

    CardinalCSS هو إطار CSS تم تصميمه مع التركيز على الأداء وسهولة القراءة والأهم من ذلك إمكانية الصيانة. تتبنى CardinalCSS بعض الأساليب الحديثة مثل المحمول أولاً لتشكيل الشبكة ؛ ونموذج CSS Box الذي يتيح لك تحديد عرض العنصر وارتفاعه بسهولة.

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

    3. ConciseCSS

    ConciseCSS هو إطار CSS - دون سخام. إنه إطار صغير مبني على أعلى من Sass و LESS و Stylus والذي يمهد طريقه الذهبي نحو صيانة CSS. لكن ، إذا كنت تفضل CSS الفانيليا البسيطة ، فيمكنك الحصول عليها أيضًا.

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

    4. PowertoCSS

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

    5. غاضب

    Furtive هو إطار CSS محمول أولاً مبني على معايير ويب متطورة مثل استخدام Flexbox للشبكة و عيني وحدة لتحجيم العناصر (بما في ذلك حجم الخط). يحتفظ Furtive بصمة CSS صغيرة من خلال عدم دعم المتصفحات القديمة (* cough * Internet Explorer) لأنها تتطلب بعض عمليات القرصنة CSS. وبالتالي ، يعد Furtive إطارًا مثاليًا إذا كنت تقوم بتصميم موقع ويب للمستقبل.

    6. BassCSS

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

    7. مولر

    مولر هو نظام شبكي سريع الاستجابة مبني على أساس ساس وبوصلة. مع Mueller ، يمكنك إنشاء الشبكة إما عن طريق إضافة فئات مباشرة إلى عناصر HTML ، أو إذا كنت تفضل أن تكون عناصر HTML نظيفة ونظيفة ، باستخدام شبكة() وظيفة. يمكن استخدام شبكة Mueller جنبًا إلى جنب مع مكتبة Masonry Javascript لإنشاء تخطيط يشبه Pinterest.

    8. توكتوك

    Tuktuk هو اسم فريد جدًا لإطار العمل. مقارنة بـ Bootstrap أو Foundation ، تعتبر Tuktuk أخف وزناً حيث إنها تأتي فقط مع كمية مناسبة من المكونات لإنشاء موقع ويب أنيق بما في ذلك نظام الشبكة والتصميم الأساسي للطباعة والجداول واثنين من واجهة المستخدم مثل navbar و شرطية.

    9. قاعدة

    تم تصميم Base بأعلى LESS و Sass ، وهي لا تتضمن سوى العناصر الأكثر أهمية لإنشاء مواقع الويب: الشبكة والتصميم الأساسي لعناصر HTML. لا يأتي Base مع مكونات Javascript ، إلا أنه يوفر توافقًا رائعًا للمستعرض لدرجة أنه يعمل حتى مع IE7.

    10. نخب

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