Biblioteca para dar o 'pontapé inicial' em um projeto web com opção de Guia de Estilo incluso.
CSS HTML JavaScript ApacheConf PHP
Latest commit 582311b Sep 27, 2016 @airton airton committed on GitHub Merge pull request #52 from snack/develop
Alteração largura do grid
Permalink
Failed to load latest commit information.
assets Alteração largura do grid Sep 27, 2016
build Merge branch 'develop' Sep 4, 2015
doc Update styleguide.md Sep 20, 2016
styleguide
.bowerrc
.editorconfig
.gitignore Add .htaccess with performance web module, add .sass-cache .gitignore… Jan 22, 2016
.htaccess Add .htaccess with performance web module, add .sass-cache .gitignore… Jan 22, 2016
Gulpfile.js
README.md Update README.md Sep 20, 2016
apple-touch-icon-114x114.png
apple-touch-icon-144x144.png
apple-touch-icon-57x57.png Atualização Favicons Aug 17, 2015
apple-touch-icon-72x72.png Atualização Favicons Aug 17, 2015
apple-touch-icon-precomposed.png Atualização Favicons Aug 17, 2015
apple-touch-icon.png
bower.json
favicon.ico Atualização Favicons Aug 17, 2015
index.php Add menu in styleguide navigation Dec 17, 2015
package.json Separando templates html usando angularjs Sep 13, 2016

README.md

snack-logo

Biblioteca para auxiliar no pontapé inicial em um projeto web. A idéia foi juntar alguns dos projetos que mais utilizávamos como referência e adaptarmos para um modelo de desenvolvimento com um Guia de Estilo incluso. Entenda a idéia aqui.

Requisitos

  • NodeJS - (para poder instalar as bibliotecas usando o npm)
  • Gulp - (para rodar as tarefas de pré-processador: CSS/JS/IMAGENS entre outras)
  • Ruby/SASS - (para poder usar a biblioteca gulp-ruby-sass)
  • Bower - (para poder instalar os componente: font-awesome/jquery/respond/normalize.css entre outros)

Instalação

Começando

Existem algumas opções disponíveis:

Boilerplate

Para instalar as bibliotecas do Gulp: npm install

Para instalar todas as dependências: bower install

Para rodas as tarefas de inicialização do projeto usando Gulp: gulp

Para sincronizar a página em diversos dispositivos usar: gulp sync

*Lembrar de alterar no Gulpfile.js o proxy, para a url do seu projeto local, para poder funcionar o gulp sync.

gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: "local.snack"
    });
});

Styleguide

O styleguide utiliza o AngularJs para montar os templates de cada componente.

Documentação

Muita coisa? 😖 Dá uma olhada na documentação completa. Fica dentro da pasta doc na raiz do projeto.

Atualização

Esse é um projeto em constante atualização. Pode ser que algo apresentado aqui não se adeque ao seu workflow. Fique a vontade para abrir uma issue e vamos discuti-la. 🤘

Suporte

Foi testado em diversos navegadores, mas como queremos que a web não pare no tempo, recomendamos você seguir a lista abaixo:

  • IE8+
  • Firefox 2+
  • Chrome 4+
  • Safari 3.1+
  • Opera 15