Puppertino

Willkommen bei Puppertino Sibirian von Codedgar

Willkommen bei Puppertino ! Dieses Framework bringt das MacOS -Erscheinungsbild für Ihre Webanwendungen und hält sich eng an die Richtlinien der menschlichen Schnittstelle von Apple ein. Puppertino wurde als leicht und modular entwickelt und bietet ein nahtloses Benutzererlebnis mit Schwerpunkt auf Leistung und Stil.

Schlüsselrahmenfunktionen

• Leichtes Gewicht : Puppertino ist unter Berücksichtigung der Leistung gebaut. Durch die Vermeidung unnötiger Ergänzungen oder Abhängigkeiten stellt Puppertino sicher, dass Ihre Website oder App schnell und reaktionsschnell bleibt. Sie erhalten das von MacOS inspirierte Design, ohne die Geschwindigkeit und Effizienz zu beeinträchtigen.
• Modular : Flexibilität ist das Herzstück von Puppertino. Unabhängig davon, ob Sie das gesamte Framework oder nur bestimmte Komponenten benötigen, können Sie auswählen, was zu Ihrem Projekt passt. Mit diesem modularen Ansatz können Sie die Größe Ihrer Website minimieren und sicherstellen, dass Sie nur das, was erforderlich ist, einbezieht.
• Design-Fokussierte : Puppertino geht es nicht nur um Funktionen, sondern auch um cool aussehen! Inspiriert von macOS priorisiert das Framework ein schlankes und modernes Design mit Raum für kreative Verbesserungen über die MacOS -Richtlinien, die bei Bedarf hinausgehen.

Inhaltsverzeichnis

• Fangen an
• Aktuelle Komponenten
• Beispiele und Vorlagen
• Über den Schöpfer

Fangen an

Um Puppentino in Ihr Projekt zu integrieren, fügen Sie einfach die full.css -Datei in Ihr HTML -Head -Tag ein:

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

Passen Sie Ihr Setup an

Wenn Sie nur bestimmte Komponenten benötigen, können Sie sie einzeln importieren, um die Dateigröße zu reduzieren. So können Sie nur die Tasten einfügen:

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

Sie finden auch die vollständige Liste der einzelnen Komponenten und deren CDN -Links auf der Seite der Komponenten.

NPM

Sie können dieses Repository über NPM + Git installieren:

 # 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

Sie können den Master mit dem Zweig Ihrer Entscheidung für die Installation einer bestimmten Filiale ändern. Nach der Installation von NPM können Sie die Bibliothek einfach aus node_modules importieren

In deinem CSS

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

In Ihrem JavaScript

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

Aktuelle Komponenten

Puppertino enthält derzeit die folgenden Komponenten:

• Tasten (Drücken, Symbol, Aktion)
• Modale
• Formen und Eingänge
• Layout
• Offizielle Apfelfarben
• Segmentierte Kontrollen
• Shadows & Blur
• Registerkarten
• Navigationsstangen
• Dark Mode Manager

Eine vollständige Liste und detaillierte Verwendungsanweisungen finden Sie auf der Seite der Komponenten.

Wenn Sie keine gewünschte Komponente finden, können Sie jederzeit ein Problem erstellen, um für die neuen Komponenten zu stimmen.

Beispiele und Vorlagen

Finden Sie detaillierte Beispiele und Vorlagen, um Ihnen dabei zu helfen, schnell mit Puppertino zu beginnen.

Erforschen Sie die Beispiele bei Beispielen für Puppentino.

Lizenz

PupperTino ist Open-Source und erhältlich unter der Open-Source-MIT-Lizenz, sodass Sie das Framework für Ihre Projekte frei verwenden und ändern können.

Beitragen

Wir begrüßen Beiträge! Wenn Sie zu Puppertino beitragen möchten, lesen Sie die Beitragsrichtlinien, um zu erfahren, wie Sie sich engagieren können.

Über den Schöpfer

Puppertino wurde von Codedgar entwickelt, einem Webentwickler, der sich leidenschaftlich für saubere, elegante Weberlebnisse lenkt. Während sich das Framework weiterentwickelt, werden mehr Funktionen und Komponenten hinzugefügt - also bleiben Sie auf regelmäßige Updates gespannt!