Bttn.css - أزرار CSS رهيبة تحت 4 كيلو بايت

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

واحدة من هذه المكتبة هي Bttn.css, تم إنشاؤه بواسطة المطور Ganapati V S. عمله رائع وهذه مكتبة الأزرار هي واحدة من الأفضل لتطوير الواجهة الأمامية الحديثة.

في الصفحة الرئيسية للأزرار ، يمكنك الاختيار بين الأحجام الصغيرة والمتوسطة والكبيرة, مع أنظمة الألوان المختلفة. الأزرار تأتي بنيت قبل و جاهز للذهاب, كل ما تحتاجه هو مكتبة CSS الفعلية والفئات المناسبة للأزرار الخاصة بك.

يمكنك تنزيل المكتبة من جيثب أو يمكنك استخدام نسخة CDN للاختبار المحلي. بل انه يعمل في سحابة بيئة تطوير متكاملة مثل CodePen إذا كنت تريد أن تعطيه فرصة في المتصفح.

Bttn.css هو في الواقع مكتبة أصغر ، تقدم حوالي 13 أنماط مختلفة. بعض هذه الأساليب تشمل أنماط المواد والتدرجات وأزرار الأشباح وأزرار حبوب منع الحمل التقليدية التي تستخدم حدود CSS3 مدورة.

لاحظ هذه المكتبة هي على غرار مكتبة بوتنز في استخدام هجاء تقصير من “وصفت” ورمز CSS النقي.

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

يمكنك قراءة المزيد في هذا المنشور "متوسط" ، الذي صاغه مصمم Bttn.css. هو يوضح لماذا صنع المكتبة؟ و ما الغرض الذي تخدمه في مشروع تطوير نموذجي.

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

تأكد من التحقق أيضا من الصفحة التجريبية لمعرفة ما يمكن أن تفعله هذه المكتبة. ولا تتردد في مشاركة أفكارك مع المنشئ على Twitterganapativs.