Puppertino

歡迎來到Codedgar的Puppertino Siberian

歡迎來到Puppertino ！該框架將MACOS的外觀和感覺帶入您的Web應用程序，並緊密地遵循Apple的人類界面指南。 Puppertino設計為輕巧和模塊化，提供了無縫的用戶體驗，專注於性能和風格。

關鍵框架功能

• 輕量級：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" )

在您的JavaScript中

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

當前組件

Puppertino目前包括以下組件：

• 按鈕（推，圖標，動作）
• 模態
• 表格和輸入
• 佈局
• 蘋果官方的顏色
• 分段控件
• 陰影和模糊
• 選項卡
• 導航欄
• 暗模式管理器

有關完整列表和詳細的用法說明，請查看“組件”頁面。

如果找不到想要的組件，則可以隨時創建一個問題來投票給新組件。

示例和模板

查找詳細的示例和模板，以幫助您快速使用Puppertino開始。

在Puppertino示例中探索示例。

執照

Puppertino是開源的，並在開源MIT許可證下獲得，使您可以自由使用和修改項目的框架。

貢獻

我們歡迎捐款！如果您想為Puppertino做出貢獻，請查看學習如何參與的貢獻指南。

關於創造者

Puppertino是由Codedgar開發的，Codedgar是一位熱衷於創造乾淨，優雅的網絡體驗的網絡開發人員。隨著框架的不斷發展，將添加更多功能和組件 - 因此請繼續關注定期更新！