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是一位热衷于创造干净，优雅的网络体验的网络开发人员。随着框架的不断发展，将添加更多功能和组件 - 因此请继续关注定期更新！