Clean, opinionated foundation for new projects — to boldly go where no man has gone before.
- Clone or download and unpack to desired location
- Download and install latest version of node.js
- Install grunt-cli globally:
npm install -g grunt-cli
- Install Ruby and it's Sass (3.4.2 or higher) and SCSS-Lint (optional) gems
- Install GraphicsMagick (recommended) or ImageMagick for your OS.
- Get your TinyPNG API key and set it as your environment variable:
set TINYPNG_API_KEY=YOUR_API_KEY_HERE
for Windowsexport TINYPNG_API_KEY=YOUR_API_KEY_HERE
for Linux
- Install project dependencies:
npm install
- Rename
Kotsu.sublime-project
to project's name - Update
_settings.*.scss
instyles
directory to suit your needs - Code live with:
grunt
- Build with:
grunt build
- Deploy and enjoy your life
- Reasonable structure for frontend projects
- Grunt with pre-configured tasks
- Nunjucks, a full featured templating engine with static pages generation
- Sass compiler with source maps generation, autoprefixing and linting
- Live reload powered by Browser Sync
- Optional, but mighty, Ekzo.sass framework
- HTML5 boilerplate files based on best practices
- Automatic sprites generation with Spritesmith
- Images compression via TinyPNG
- Responsive images generation with grunt-responsive-images
- Separate, not optimized files in development, and
- Compiled and minified files for production