Flexbox grid system - project scaffold with Stylus, Assemble and many useful Grunt tasks
HTML JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
.bowerrc
.gitignore
.jshintrc
Gruntfile.js
LICENSE
README.md
bower.json
package.json

README.md

Grunt project starter with sGrid

Start

You need git, bower, npm installed

$ git clone https://github.com/juliancwirko/s-grid-grunt.git
$ cd s-grid-grunt
$ rm -rf .git
$ npm run install-all (or `npm install` and `bower install`)
$ npm start

Check out sGrid website for more information about how to use the grid:

Features

  • assemble with handlebars templates
  • stylus
  • autoprefixer
  • flexbox grid system
  • cssmin
  • uglify
  • concat
  • jshint
  • imagemin
  • server with livereload

There is a templates folder with .hbs files. You should use these files to compile your .html files in the root app folder. You can use layouts, partials and even handlebars helpers. for more information about Assemble go to: grunt-assemble readme.

Tasks

Build and watch 127.0.0.1:9000 with livereload from 'app' folder:

$ npm start

Publish 'dist' folder (included tasks: 'assemble', 'compile-stylus', 'clean:dist', 'validate-js', 'useminPrepare', 'copy:dist', 'newer:imagemin', 'concat', 'cssmin', 'uglify', 'usemin'):

$ npm run build

Watch 127.0.0.1:9001 - only preview ('dist' folder):

$ npm run server-dist

Other 'public' tasks which you can use separately in any moment

..for validating javascript (also in default 'grunt' task):

$ npm run lint-js

You probably want to read about