sergeon / starterkit-boilerplate-bootstrap-less-jade

Starter kit html5 Boilerplate with Bootstrap grid, Less, Jade, Gulp, postCSS, autoprefixer…

Boilerplate starterkit

Starterkit en Jade y Less con [HTML5 Boilerplate] (https://html5boilerplate.com) y Bootstrap. Controlador de dependencias npm Con automatizador de tareas Gulp

Instalación

1. Descargar repositorio
2. Entrar en al carpeta del repositorio con el terminal.
3. Introducir la orden npm install (previamente hay que tener instalado node.js en el sistema). Ojo, las funciones están escritas en ECMAScript 6, actualiza node.js a la última versión para que las reconozca.
4. Teclear gulp en el terminal... y a funcionar

Dependencias

• autoprefixer
• bootstrap-less
• css-mqpacker
• gulp
• gulp-bootlint
• gulp-csslint
• gulp-html5-lint
• gulp-jade
• gulp-less
• gulp-livereload
• gulp-minify-css
• gulp-postcss
• path

Bootstrap

• Se descarga al realizar al instalación de npm install
• preprocesador Less
• Configurado con solo el sistema de grilla, mixin y variables, estas últimas necesarias para el funcionamiento de la regilla. Para activar más componentes, tanto CSS como javaScript, descomentar las líneas correspondientes en el archivo ./src/less/vendors/bootstrap-index.less

html

• Se preprocesa con Jade
• Chequea y valida código de Bootstrap con linter gulp-bootlint
• Chequea y valida código HTML5 con gulp-html5-lint
• Lo guarda en la carpeta de producción ./dist
• Recarga página del navegador con Livereload

CSS

• Preprocesa el archivo style.less (Less)
• Añade prefijos de navegadores antiguos con Autoprefixer
• Pasa todas las media query al final de la hoja style.css
• Minimiza el códígo
• lo guarda en al carpeta de producción ./dist/css
• Recarga página del navegador con Livereload

javaScript

• Coming soon... :)