Puppertino

Selamat datang di Puppertino Siberian oleh CodeDgar

Selamat datang di Puppertino ! Kerangka kerja ini membawa tampilan dan nuansa macOS ke aplikasi web Anda, berpegang erat pada pedoman antarmuka manusia Apple. Dirancang agar ringan dan modular, Puppertino memberikan pengalaman pengguna yang mulus dengan fokus pada kinerja dan gaya.

Fitur kerangka kerja utama

• Ringan : Puppertino dibangun dengan kinerja dalam pikiran. Dengan menghindari penambahan atau dependensi yang tidak perlu, Puppertino memastikan situs web atau aplikasi Anda tetap cepat dan responsif. Anda mendapatkan desain yang terinspirasi macOS tanpa mengurangi kecepatan dan efisiensi.
• Modular : Fleksibilitas adalah jantung dari Puppertino. Apakah Anda memerlukan seluruh kerangka kerja atau hanya komponen tertentu, Anda dapat memilih dan memilih apa yang sesuai dengan proyek Anda. Pendekatan modular ini memungkinkan Anda untuk meminimalkan ukuran situs web Anda, memastikan bahwa Anda hanya menyertakan apa yang diperlukan.
• Design Focused : Puppertino bukan hanya tentang fungsionalitas-ini tentang terlihat keren juga! Terinspirasi oleh macOS, kerangka kerja memprioritaskan desain yang ramping dan modern, dengan ruang untuk peningkatan kreatif di luar pedoman macOS saat dibutuhkan.

Daftar isi

• Mulai
• Komponen saat ini
• Contoh dan templat
• Tentang Sang Pencipta

Mulai

Untuk mengintegrasikan Puppertino ke dalam proyek Anda, cukup sertakan file full.css di tag kepala html Anda:

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

Kustomisasi pengaturan Anda

Jika Anda hanya memerlukan komponen tertentu, Anda dapat mengimpornya secara individual untuk mengurangi ukuran file. Begini cara Anda hanya dapat memasukkan tombolnya:

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

Anda juga dapat menemukan daftar lengkap komponen individual dan tautan CDN mereka di halaman komponen.

NPM

Anda dapat menginstal repositori ini melalui 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

Anda dapat mengubah master dengan cabang pilihan Anda untuk menginstal cabang tertentu. Setelah instalasi NPM, Anda dapat mengimpor perpustakaan dari node_modules

Di CSS Anda

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

Di javascript Anda

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

Komponen saat ini

Puppertino saat ini menyertakan komponen berikut:

• Tombol (tekan, ikon, tindakan)
• Modal
• Bentuk dan input
• Tata letak
• Warna apel resmi
• Kontrol tersegmentasi
• Bayangan & Blur
• Tab
• Bar Navigasi
• Manajer Mode Gelap

Untuk daftar lengkap dan instruksi penggunaan terperinci, lihat halaman komponen.

Jika Anda tidak dapat menemukan komponen yang Anda inginkan, Anda selalu dapat membuat masalah untuk memilih komponen baru.

Contoh dan templat

Temukan contoh dan templat terperinci untuk membantu Anda memulai dengan cepat dengan Puppertino.

Jelajahi contoh -contoh di Contoh -contoh Puppertino.

Lisensi

Puppertino adalah open-source dan tersedia di bawah lisensi MIT open-source, memungkinkan Anda untuk menggunakan dan memodifikasi kerangka kerja untuk proyek Anda secara bebas.

Berkontribusi

Kami menyambut kontribusi! Jika Anda ingin berkontribusi pada Puppertino, lihat pedoman kontribusi untuk mempelajari cara terlibat.

Tentang Sang Pencipta

Puppertino dikembangkan oleh CodeDgar, pengembang web yang bersemangat menciptakan pengalaman web yang bersih dan elegan. Saat kerangka kerja terus berkembang, lebih banyak fitur dan komponen akan ditambahkan - jadi nantikan pembaruan rutin!