Puppertino

Bienvenue à Puppertino Siberian par Codedgar

Bienvenue à Puppertino ! Ce framework apporte le look et la sensation de macOS à vos applications Web, adhérant étroitement aux directives d'interface humaine d'Apple. Conçu pour être léger et modulaire, Puppertino offre une expérience utilisateur transparente en mettant l'accent sur les performances et le style.

Caractéristiques du cadre clé

• Léger : Puppertino est construit en tenant compte des performances. En évitant les ajouts ou dépendances inutiles, Puppertino garantit que votre site Web ou votre application reste rapide et réactif. Vous obtenez la conception inspirée de MacOS sans compromettre la vitesse et l'efficacité.
• Modulaire : la flexibilité est au cœur de Puppertino. Que vous ayez besoin de l'ensemble du framework ou simplement des composants spécifiques, vous pouvez choisir ce qui correspond à votre projet. Cette approche modulaire vous permet de minimiser la taille de votre site Web, en vous assurant que vous n'incluez que ce qui est nécessaire.
• Axé sur le design : Puppertino n'est pas seulement une question de fonctionnalité - il s'agit aussi de avoir l'air cool! Inspirée par MacOS, le cadre privilégie un design élégant et moderne, avec place pour les améliorations créatives au-delà des directives de MacOS en cas de besoin.

Table des matières

• Commencer
• Composants actuels
• Exemples et modèles
• À propos du Créateur

Commencer

Pour intégrer Puppertino dans votre projet, incluez simplement le fichier complet.css dans votre balise HTML Head:

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

Personnalisez votre configuration

Si vous n'avez besoin que de composants spécifiques, vous pouvez les importer individuellement pour réduire la taille du fichier. Voici comment vous pouvez inclure uniquement les boutons:

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

Vous pouvez également trouver la liste complète des composants individuels et leurs liens CDN sur la page des composants.

NPM

Vous pouvez installer ce référentiel via 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

Vous pouvez modifier Master avec la branche de votre choix pour installer une branche spécifique. Après l'installation de NPM, vous pouvez simplement importer la bibliothèque à partir de node_modules

Dans votre CSS

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

Dans votre javascript

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

Composants actuels

Puppertino comprend actuellement les composants suivants:

• Boutons (poussée, icône, action)
• Modaux
• Formulaires et entrées
• Mise en page
• Couleurs de pomme officielles
• Commandes segmentées
• Ombres et flou
• Onglets
• Barres de navigation
• Gestionnaire de mode noir

Pour une liste complète et des instructions d'utilisation détaillées, consultez la page des composants.

Si vous ne trouvez pas un composant que vous souhaitez, vous pouvez toujours créer un problème pour voter pour les nouveaux composants.

Exemples et modèles

Trouvez des exemples et des modèles détaillés pour vous aider à démarrer rapidement avec Puppertino.

Explorez les exemples aux exemples de puppertino.

Licence

Puppertino est open-source et disponible sous la licence MIT open source, vous permettant d'utiliser et de modifier librement le cadre de vos projets.

Contributif

Nous accueillons les contributions! Si vous souhaitez contribuer à Puppertino, consultez les directives de contribution pour apprendre à vous impliquer.

À propos du Créateur

Puppertino a été développé par Codedgar, un développeur Web passionné par la création d'expériences Web propres et élégantes. Alors que le cadre continue d'évoluer, plus de fonctionnalités et de composants seront ajoutés - donc restez à l'écoute pour des mises à jour régulières!