نزهة CSS مكتبة CSS خفيفة الوزن ل Kickstart مشاريع الويب الخاص بك

يفضل بعض المطورين مكتبات UI التفصيلية ، مثل Bootstrap ، لأنماطها الغنية بالمزايا. ولكن ، هناك العديد من مكتبات CSS الأصغر المخصصة لها جماليات تصميم خفية و التخصيص.

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

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

لكن ، بالطبع ، هذه المكتبة هل يدعم تصميم وحدات مع خيارات لتخصيص كل شيء. انها كل ما كتب في ساس, لذلك عليك حقًا أن تكون مطور Sass للعمل من خلال الكود.

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

تم بناء Picnic CSS أيضًا ليكون صغيرًا بشكل لا يصدق يقيس 10KB فقط في الحجم عندما minified. هذا حوالي 1/10^عشر من Bootstrap ولا يزال لديه كل السحر الذي تتوقعه في إطار واجهة مستخدم مخصص.

لأن هذه مكتبة صغيرة ليس لديه أي ميزات ديناميكية. ولكن ، يمكنك رؤية أمثلة على صفحة الاختبار التي تتضمن الأزرار والرؤوس والبطاقات والمدخلات وعلامات التبويب وعناصر أخرى مماثلة.

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

أعتقد أن أنماط Picnic الافتراضية هي لعبة لطيف حتى يتمكنوا من استخدام بعض التنميق. لكن ، عمومًا ، أعشق هذه المكتبة وهي واحدة من أبسط الطرق لبدء مشروع جديد في القدم اليمنى.

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

نزهة حتى متاح على CDN, لذلك لا تحتاج حتى إلى تنزيل الملفات محليًا للبدء.