مجموعة أدوات CSS Starter للمطورين - Shoelace.css

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

ومع ذلك ، هناك الكثير من البدائل و Shoelace.css هو مثال واحد يجب أن تكون على دراية به.

هذه طقم CSS مجاني ليس حقا إطار كامل. بدلا من ذلك ، انها أشبه طقم بداية للمطورين الذين لا يريدون إنشاء العشرات من أنماط CSS المخصصة من البداية.

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

يتعلق الأمر الحزمة مع CLI يعمل على العقدة التي يمكنك تثبيتها مع أي مشروع. على الرغم من ذلك أيضا لديه نسخة CDN إذا كنت لا تريد استخدام npm.

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

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

كل مكون لديها شعور Bootstrap-y بالتصميم, لذلك سيعمل رباط الحذاء على أي تصميم.

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

نظرة سريعة على المستندات يجب أن تثبت ذلك جاهز لموقع الإنتاج. الأمر متروك لك حقًا إذا كان Shoelace يستحق التعلم والتنفيذ.

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