Puppertino

Bienvenido a Puppertino Siberian por Codedgar

¡Bienvenido a Puppertino ! Este marco lleva el aspecto de MacOS a sus aplicaciones web, que se adhiere estrechamente a las pautas de interfaz humana de Apple. Diseñado para ser liviano y modular, Puppertino proporciona una experiencia de usuario perfecta con un enfoque en el rendimiento y el estilo.

Características del marco clave

• Ligero : Puppertino está construido teniendo en cuenta el rendimiento. Al evitar adiciones o dependencias innecesarias, Puppertino garantiza que su sitio web o aplicación permanezca rápido y receptivo. Obtiene el diseño inspirado en MacOS sin comprometer la velocidad y la eficiencia.
• Modular : la flexibilidad está en el corazón de Puppertino. Ya sea que necesite todo el marco o simplemente componentes específicos, puede elegir lo que se ajusta a su proyecto. Este enfoque modular le permite minimizar el tamaño de su sitio web, asegurando que solo incluya lo necesario.
• Centrado en el diseño : Puppertino no se trata solo de funcionalidad, ¡se trata de verse genial también! Inspirado en MacOS, el marco prioriza un diseño elegante y moderno, con espacio para mejoras creativas más allá de las pautas de MacOS cuando sea necesario.

Tabla de contenido

• Empezar
• Componentes actuales
• Ejemplos y plantillas
• Sobre el creador

Empezar

Para integrar Puppertino en su proyecto, simplemente incluya el archivo Full.css en su etiqueta de cabeza HTML:

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

Personaliza tu configuración

Si solo necesita componentes específicos, puede importarlos individualmente para reducir el tamaño del archivo. Así es como puedes incluir solo los botones:

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

También puede encontrar la lista completa de componentes individuales y sus enlaces CDN en la página de componentes.

Npm

Puede instalar este repositorio a través de 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

Puede cambiar el maestro con la rama de su elección de instalar una rama específica. Después de la instalación de NPM, simplemente puede importar la biblioteca desde node_modules

En tu CSS

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

En tu JavaScript

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

Componentes actuales

Puppertino actualmente incluye los siguientes componentes:

• Botones (Push, Icon, Action)
• Modales
• Formularios e entradas
• Disposición
• Colores oficiales de manzana
• Controles segmentados
• Sombras y desenfoque
• Cortina a la italiana
• Barras de navegación
• Administrador de modo oscuro

Para obtener una lista completa e instrucciones de uso detalladas, consulte la página de componentes.

Si no puede encontrar un componente que desee, siempre puede crear un problema para votar por los nuevos componentes.

Ejemplos y plantillas

Encuentre ejemplos detallados y plantillas para ayudarlo a comenzar rápidamente con Puppertino.

Explore los ejemplos en Puppertino Ejemplos.

Licencia

Puppertino es de código abierto y está disponible bajo la licencia MIT de código abierto, lo que le permite usar y modificar libremente el marco para sus proyectos.

Que contribuye

¡Agradecemos las contribuciones! Si desea contribuir a Puppertino, consulte las pautas de contribución para aprender a involucrarse.

Sobre el creador

Puppertino fue desarrollado por Codedgar, un desarrollador web apasionado por crear experiencias web limpias y elegantes. A medida que el marco continúa evolucionando, se agregarán más características y componentes, ¡así que estad atentos para actualizaciones regulares!