الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

مرحبًا بك في Puppertino Siberian بواسطة Codedgar

مرحبًا بك في Puppertino ! يجلب هذا الإطار مظهر MacOS وشعوره بتطبيقات الويب الخاصة بك ، ويتمسك بشكل وثيق بإرشادات الواجهة البشرية من Apple. يوفر Puppertino خفيفة الوزن ومعيار ، ويوفر تجربة مستخدم سلسة مع التركيز على الأداء والأناقة.

ميزات الإطار الرئيسية

  • خفيفة الوزن : تم تصميم Puppertino مع وضع الأداء في الاعتبار. من خلال تجنب الإضافات أو التبعيات غير الضرورية ، يضمن Puppertino موقع الويب الخاص بك أو تطبيقك سريعًا وسريع الاستجابة. يمكنك الحصول على تصميم مستوحى من MacOS دون المساس بالسرعة والكفاءة.
  • المعيار : المرونة في قلب Puppertino. سواء كنت بحاجة إلى الإطار بأكمله أو مجرد مكونات محددة ، يمكنك اختيار واختيار ما يناسب مشروعك. يتيح لك هذا النهج المعياري تقليل حجم موقع الويب الخاص بك إلى الحد الأدنى ، مما يضمن تضمين ما هو ضروري فقط.
  • يركز التصميم : Puppertino لا يتعلق فقط بالوظائف-إنه يتعلق بالبرودة أيضًا! مستوحى من MacOS ، يعطي Framework الأولوية لتصميم أنيق وحديث ، مع مجال للتحسينات الإبداعية التي تتجاوز إرشادات MacOS عند الحاجة.

جدول المحتويات

  • ابدأ
  • المكونات الحالية
  • أمثلة وقوالب
  • عن الخالق

ابدأ

لدمج Puppertino في مشروعك ، ما عليك سوى تضمين ملف Full.css في علامة رأس HTML الخاصة بك: 

 < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/gh/codedgar/Puppertino@latest/dist/css/newfull.css " >

تخصيص الإعداد الخاص بك

إذا كنت بحاجة فقط إلى مكونات محددة ، فيمكنك استيرادها بشكل فردي لتقليل حجم الملف. إليك كيفية تضمين الأزرار فقط: 

 < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/gh/codedgar/Puppertino@latest/dist/css/buttons.css " >

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

NPM

يمكنك تثبيت هذا المستودع من خلال npm + git: 

 # Via SSH
npm i --save [email protected]:codedgar/Puppertino.git#{{BRANCH_NAME}}

# Eg.
npm i --save [email protected]:codedgar/Puppertino.git#master

# Or Via HTTPS
npm i --save https://github.com/codedgar/Puppertino.git#BRANCH_NAME

# Eg.
npm i --save https://github.com/codedgar/Puppertino.git#master

يمكنك تغيير Master مع فرع اختيارك لتثبيت فرع معين. بعد تثبيت NPM ، يمكنك ببساطة استيراد المكتبة من node_modules

في CSS الخاص بك 

 @import ( "path/to/node_modules/puppertino/dist/full.css" )

في JavaScript الخاص بك 

 require ( "path/to/node_modules/puppertino/src/js/{{file you need, eg tabs.js}}" )

المكونات الحالية

يتضمن Puppertino حاليًا المكونات التالية:

  • أزرار (دفع ، أيقونة ، عمل)
  • معارض
  • النماذج والمدخلات
  • تَخطِيط
  • ألوان التفاح الرسمية
  • ضوابط مجزأة
  • الظلال والطمس
  • علامات التبويب
  • قضبان التنقل
  • مدير وضع الظلام

للحصول على قائمة كاملة وتعليمات الاستخدام التفصيلية ، تحقق من صفحة المكونات.

إذا لم تتمكن من العثور على مكون تريده ، فيمكنك دائمًا إنشاء مشكلة للتصويت للمكونات الجديدة.

أمثلة وقوالب

ابحث عن أمثلة مفصلة وقوالب لمساعدتك في البدء بسرعة مع Puppertino.

استكشاف الأمثلة في Puppertino Ampceptions.

رخصة

Puppertino مفتوح المصدر ومتوفر بموجب ترخيص معهد ماساتشوستس للتكنولوجيا مفتوح المصدر ، مما يتيح لك استخدام إطار عملك وتعديله بحرية.

المساهمة

نرحب بالمساهمات! إذا كنت ترغب في المساهمة في Puppertino ، تحقق من إرشادات المساهمة لمعرفة كيفية المشاركة.

عن الخالق

تم تطوير Puppertino بواسطة Codedgar ، وهو مطور ويب متحمس لإنشاء تجارب ويب أنيقة وأنيقة. مع استمرار التطور في Framework ، سيتم إضافة المزيد من الميزات والمكونات - لذا ترقبوا التحديثات العادية!

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل