Milligram.css - مكتبة Frontend الحد الأدنى للمطورين
من Bootstrap إلى Foundation ، لا يوجد نقص في مكتبات CSS المخصصة. ولكن ماذا لو كنت بحاجة إلى خيار خفيف الوزن للغاية لمشاريع الويب الجديدة؟ العديد من مكتبات CSS الموجودة ثقيلة ومليئة بالمزايا المفرطة.
لكن مليغرام هو بديل خفيف الوزن للغاية يبلغ إجماليه حوالي 8 كيلو بايت في ملف .css مصغر. يمكن تثبيته عبر Bower أو NPM أو التنزيل المباشر المستضاف محليًا أو عبر CDN.
بشكل افتراضي ، المكتبة مبنية على "تطبيع" ستحتاج إلى تضمين هذه المكتبة أيضًا. ولكن هناك دليل مفيد للبدء في صفحة Milligram الرئيسية التي يمكن أن تساعدك على التحرك بسرعة.
إذا كنت تختبرها بعد ذلك حاول إضافة الملفات مباشرة من CDN مباشر بدلاً من تنزيلها محليًا. وبهذه الطريقة ، يمكنك إعداد مشروع نموذج على CodePen أو IDE المستند إلى مجموعة النظراء.
كما تستخدم المكتبة خط Roboto المجاني الذي تستضيفه Google لجميع أعمال الطباعة. يمكنك استخدام Milligram بدون Roboto لكنك لن تحصل على نفس تصاميم الخطوط الأنيقة.
يمكن أن تشعر مكتبة Normal Normal الإضافية و Google Font بأنها عبء. لكن يمكن أن يكونوا جميعا مستضافة على شبكات CDN الخارجية وانت ايضا لا داعي للقلق بشأن أوقات تحميل HTTP من الخادم الخاص بك. ويأتي Milligram بتنسيق افتراضي لجميع عناصر الصفحة الأساسية:
- الرؤوس والفقرات
- قوائم مرتبة وغير مرتبة
- كتلة الاقتباس
- الجداول
- حقول النموذج
- الصور مع تعليق
- وأكثر من ذلك بقليل!
يمكنك إلقاء نظرة خاطفة على الصفحة الرئيسية لـ Milligram.css للعثور على نماذج التعليمات البرمجية المصدر والاستيلاء على روابط CDN. يمكنك أيضًا مشاهدة عرض تجريبي لمغسلة المطبخ مضمن أدناه يضم جميع عناصر صفحة Milligram ذات التصميم المخصص.