หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

ยินดีต้อนรับสู่ Puppertino Siberian โดย Codedgar

ยินดีต้อนรับสู่ Puppertino ! เฟรมเวิร์กนี้นำมาซึ่ง MacOS ให้ดูและความรู้สึกไปยังเว็บแอปพลิเคชันของคุณยึดติดกับแนวทางส่วนต่อประสานของมนุษย์ของ Apple อย่างใกล้ชิด ออกแบบให้มีน้ำหนักเบาและเป็นโมดูล Puppertino มอบประสบการณ์การใช้งานที่ไร้รอยต่อโดยเน้นไปที่ประสิทธิภาพและสไตล์

คุณสมบัติกรอบสำคัญ

  • Lightweight : Puppertino ถูกสร้างขึ้นโดยคำนึงถึงประสิทธิภาพ โดยการหลีกเลี่ยงการเพิ่มหรือการพึ่งพาที่ไม่จำเป็น Puppertino ทำให้มั่นใจได้ว่าเว็บไซต์หรือแอพของคุณยังคงรวดเร็วและตอบสนองได้ คุณได้รับการออกแบบที่ได้รับแรงบันดาลใจจาก MacOS โดยไม่ลดทอนความเร็วและประสิทธิภาพ
  • โมดูลาร์ : ความยืดหยุ่นเป็นหัวใจสำคัญของ Puppertino ไม่ว่าคุณต้องการเฟรมเวิร์กทั้งหมดหรือส่วนประกอบเฉพาะคุณสามารถเลือกและเลือกสิ่งที่เหมาะกับโครงการของคุณ วิธีการแบบแยกส่วนนี้ช่วยให้คุณสามารถลดขนาดของเว็บไซต์ของคุณให้น้อยที่สุดเพื่อให้มั่นใจว่าคุณจะรวมสิ่งที่จำเป็นเท่านั้น
  • การออกแบบที่เน้น : Puppertino ไม่ได้เป็นเพียงแค่ฟังก์ชั่น-มันเป็นเรื่องที่ดูเท่ห์เหมือนกัน! แรงบันดาลใจจาก MacOS กรอบการทำงานจัดลำดับความสำคัญการออกแบบที่ทันสมัยและทันสมัยพร้อมห้องพักสำหรับการปรับปรุงสร้างสรรค์นอกเหนือจากแนวทาง MacOS เมื่อจำเป็น

สารบัญ

  • เริ่มต้นใช้งาน
  • ส่วนประกอบปัจจุบัน
  • ตัวอย่างและเทมเพลต
  • เกี่ยวกับผู้สร้าง

เริ่มต้นใช้งาน

หากต้องการรวม Puppertino เข้ากับโครงการของคุณเพียงแค่รวมไฟล์ Full.css ในแท็ก HTML Head ของคุณ: 

 < 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

คุณสามารถเปลี่ยนมาสเตอร์ด้วยสาขาที่คุณเลือกที่จะติดตั้งสาขาเฉพาะ หลังการติดตั้ง NPM คุณสามารถนำเข้าไลบรารีจาก node_modules

ใน CSS ของคุณ 

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

ในจาวาสคริปต์ของคุณ 

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

ส่วนประกอบปัจจุบัน

ปัจจุบัน Puppertino มีส่วนประกอบต่อไปนี้:

  • ปุ่ม (กด, ไอคอน, การกระทำ)
  • รูปแบบ
  • แบบฟอร์มและอินพุต
  • เค้าโครง
  • สีแอปเปิ้ลอย่างเป็นทางการ
  • การควบคุมแบบแบ่งส่วน
  • เงาและเบลอ
  • แท็บ
  • แถบนำทาง
  • ตัวจัดการโหมดมืด

สำหรับรายการทั้งหมดและคำแนะนำการใช้งานโดยละเอียดลองดูหน้าส่วนประกอบ

หากคุณไม่พบองค์ประกอบที่คุณต้องการคุณสามารถสร้างปัญหาเพื่อลงคะแนนสำหรับส่วนประกอบใหม่

ตัวอย่างและเทมเพลต

ค้นหาตัวอย่างและเทมเพลตโดยละเอียดเพื่อช่วยให้คุณเริ่มต้นได้อย่างรวดเร็วด้วย Puppertino

สำรวจตัวอย่างที่ตัวอย่าง Puppertino

ใบอนุญาต

Puppertino เป็นโอเพ่นซอร์สและมีให้ภายใต้ใบอนุญาต MIT โอเพนซอร์ซช่วยให้คุณสามารถใช้งานได้อย่างอิสระและปรับเปลี่ยนกรอบสำหรับโครงการของคุณ

การบริจาค

เรายินดีต้อนรับผลงาน! หากคุณต้องการมีส่วนร่วมใน Puppertino ให้ตรวจสอบแนวทางการบริจาคเพื่อเรียนรู้วิธีการมีส่วนร่วม

เกี่ยวกับผู้สร้าง

Puppertino ได้รับการพัฒนาโดย Codedgar นักพัฒนาเว็บหลงใหลเกี่ยวกับการสร้างประสบการณ์เว็บที่สะอาดและสง่างาม ในขณะที่เฟรมเวิร์กยังคงพัฒนาอย่างต่อเนื่องคุณลักษณะและส่วนประกอบจะถูกเพิ่มเข้ามาดังนั้นโปรดติดตามการอัปเดตปกติ!

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด