Kit avançado de partida na web
Para ir ousadamente onde nenhum homem foi antes
Como usar
- Clone ou baixe e descompacte para o local desejado
- Baixe e instale a versão mais recente do Node.js
- Instale o GraphicsMagick (recomendado) ou ImageMagick para o seu sistema operacional. Nota: É obrigatório instalar um deles antes de executar
npm install - Defina suas variáveis de ambiente [guia]
- Instale dependências do projeto:
npm install - (Opcional) Adicione seu repositório ao Travis para testes automáticos
- (Opcional) Configure a implantação contínua com Circleci ou Werker Docker seguindo nosso guia
- Código Live com:
npm start ou npm start -- --hmr Se você precisar de recarga do módulo quente - Construa com:
npm run build - Implante e aproveite sua vida
O que está dentro?
- Estrutura razoável para projetos de front -end
- Geração de páginas estáticas
- Configurações preparadas para implantação contínua rápida e configuração de testes automáticos
- Grunhido com tarefas pré-configuradas
- Nunjucks, um motor de modelos de destaque completo
- Nunjucks globais e filtros para formatar números, datas, obter URL da página atual, localidade, farinha de pão, etc.
- URLs legíveis humanos
- Arquivos de caldeira com base nas melhores práticas
- i18n com nó-getText e layouts configurados para declarar adequadamente os localidade atual e os URLs alternativos
- Compilador SASS com geração de mapas de origem, autoprefixação, otimização, minificação e linha
- Ekzo Sass Framework
- Webpack com suporte ES6, gerenciamento e agrupamento de dependências de JavaScript e recarregamento opcional do módulo quente ou relógio rápido
- padrão para linhagem e formatação automática JavaScript
- Live Recload Powered by Webpack-Dev-Server
- Anotação do tipo de tempo de execução e validação de dados com validação
tcomb e tcomb-validation , refinamentos úteis embutidos. - META TAGS PRESONFIGULADOS PARA GRAFT OPEN e cartões Twitter
- Comumente usado por provedores de pesquisa dados estruturados com base em RDFA
- Geração automática
sitemap.xml com grunhido-sitemap-xml - Geração automática de sprites com spritesmith
- Imagens automáticas compactação via tinypng
- Geração de imagens responsivas automáticas com imagens que respondem grunhidas
- Separar arquivos não otimizados no desenvolvimento e
- Arquivos compilados e minificados para produção
E muito mais sob o capô. Nós simplesmente não tivemos tempo para documentar todos os recursos. Ainda.
Documentação
Trabalho em andamento
- Estrutura
- Variáveis de ambiente
- Dados
- Dados estruturados
- URLs
- Entrega contínua
- Receitas
Exemplos
A versão implantada do KOTSU do Master Branch pode ser encontrada aqui.
Observe que a seção Exemplos até agora apresenta apenas parte dos elementos e recursos predefinidos.
Suporte aos navegadores
JavaScript
| Ou seja | Borda | Cromo | Firefox | Safári | Ópera | Opera Mobile | iOS Safari | Android |
|---|
| 9+ | 12+ | 21+ | 28+ | 6.1+ | 12.1+ | 12.1+ | 7+ | 4+ |
Para ativar os recursos do ES6 no IE11 e abaixo, import 'babel-polyfill' em main.js Veja detalhes aqui.
Build padrão enviado com JQuery 3.1.0+, que não suporta o IE8. Substitua -o pela versão Pre 3.0.0 se precisar de suporte do IE8.
CSS
| Ou seja | Borda | Cromo | Firefox | Safári | Ópera | Opera Mobile | iOS Safari | Android |
|---|
| 10+ | 12+ | 21+ | 28+ | 6.1+ | 12.1+ | 12.1+ | 7.1+ | 4.4+ |
Consulte a seção de suporte dos navegadores Ekzo para obter detalhes sobre a regressão graciosa para o IE9 e abaixo, que incluiu no KOTSU por padrão.
Para desativar regressões graciosas para o IE mais antigo, remova a chamada de macro IE() do layout da base.
Mensagem desatualizada do navegador
No IE9 e abaixo, os usuários verão o Banner antes do conteúdo da página com a mensagem sobre o navegador desatualizado e o link para o navegador desatualizado.
Para desativar a mensagem do navegador desatualizada, remova a chamada de macro OutdatedBrowser() do layout da base.
Licença
Copyright 2014 LOTUSTM. Licenciado sob a licença Apache 2.0.
