Puppertino

Bem -vindo ao Siberiano de Puppertino por Codedgar

Bem -vindo ao Puppertino ! Essa estrutura traz a aparência do MacOS aos seus aplicativos da Web, aderindo intimamente às diretrizes de interface humana da Apple. Projetado para ser leve e modular, o Puppertino oferece uma experiência perfeita para o usuário, com foco no desempenho e no estilo.

Recursos de estrutura -chave

• Leve : o Puppertino é construído com o desempenho em mente. Ao evitar adições ou dependências desnecessárias, o Puppertino garante que seu site ou aplicativo permaneça rápido e receptivo. Você obtém o design inspirado no MacOS sem comprometer a velocidade e a eficiência.
• Modular : a flexibilidade está no coração do Fupnertino. Se você precisa de toda a estrutura ou apenas componentes específicos, você pode escolher o que se encaixa no seu projeto. Essa abordagem modular permite minimizar o tamanho do seu site, garantindo que você inclua apenas o que é necessário.
• Focada no design : o Puppertino não se trata apenas de funcionalidade-é sobre parecer legal também! Inspirado no MacOS, a estrutura prioriza um design elegante e moderno, com espaço para aprimoramentos criativos além das diretrizes do MacOS quando necessário.

Índice

• Comece
• Componentes atuais
• Exemplos e modelos
• Sobre o criador

Comece

Para integrar o Puppertino ao seu projeto, basta incluir o arquivo completo.css na sua tag html na cabeça:

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

Personalize sua configuração

Se você precisar apenas de componentes específicos, poderá importá -los individualmente para reduzir o tamanho do arquivo. Veja como você pode incluir apenas os botões:

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

Você também pode encontrar a lista completa de componentes individuais e seus links de CDN na página Componentes.

Npm

Você pode instalar este repositório através do 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

Você pode alterar o mestre com a filial da sua escolha de instalar uma ramificação específica. Após a instalação do NPM, você pode simplesmente importar a biblioteca de node_modules

Em seu CSS

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

Em seu javascript

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

Componentes atuais

Atualmente, o Puppertino inclui os seguintes componentes:

• Botões (push, ícone, ação)
• Modais
• Formulários e entradas
• Layout
• Cores oficiais da maçã
• Controles segmentados
• Sombras e borrão
• Guias
• Barras de navegação
• Gerente de modo escuro

Para uma lista completa e instruções de uso detalhadas, consulte a página Componentes.

Se você não conseguir encontrar um componente que deseja, sempre pode criar um problema para votar nos novos componentes.

Exemplos e modelos

Encontre exemplos e modelos detalhados para ajudá -lo a começar rapidamente com o Puppertino.

Explore os exemplos em exemplos de filhotes.

Licença

O Puppertino é de código aberto e está disponível sob a licença do MIT de código aberto, permitindo que você use e modifique livremente a estrutura para seus projetos.

Contribuindo

Congratulamo -nos com contribuições! Se você quiser contribuir com o Fupnertino, confira as diretrizes de contribuição para aprender a se envolver.

Sobre o criador

O Puppertino foi desenvolvido pela Codedgar, um desenvolvedor da web apaixonado por criar experiências limpas e elegantes na web. À medida que a estrutura continua a evoluir, mais recursos e componentes serão adicionados - fique atento para atualizações regulares!