- Sobre
- Instalação
- Exemplo
Css
- Grid
- Imagens
- Tabelas
- Estilos
Componentes
- Cabeçalhos
- Botões
- Forms
- Cards
- Rodapé
Javascript
- Menu lateral
- Modais
- Slider
Geral
Esta biblioteca serve para auxiliar os desenvolvedores a construirem um layout com perfeição. A ideia é eliminar medidas absolutas e usar apenas medidas relativas à largura da janela que está exibindo o conteúdo. Conforme o tamanho da janela diminui ou aumenta, o layout aumenta ou diminui proporcionalmente sem mover um pixel. O nome Japu é uma homenagem à este pássaro que habita a mata-atlântica no litoral sudeste do Brasil.
Inspiração
Esta biblioteca se inspira nos princípios do Google Material Design em sua concepção e se fundamenta na maneira Bootstrap / Materialize de montar o código. Então se você está habituado com essas ferramentas, ficará bem a vontade!
Diferença
O Japu trabalha com medidas relativas. Isso significa que todos os objetos em sua página mudam de tamanho junto com a largura do browser, quando ela é dimensionada. Então diga adeus à problemas com quebra de linhas de textos, ou responsividade.
Documentatção
O Japu oferece um manual simples de como manipular o versátil framework. Saiba como instalar a biblioteca em seu projeto seguindo para o próximo tópico.
Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus.