Giter VIP home page Giter VIP logo

kotsu's Introduction

Kotsu

devDependency Status Travis Build Status Wercker Build Status

Overview

Clean, opinionated foundation for new projects — to boldly go where no man has gone before.

How to use

  1. Clone or download and unpack to desired location
  2. Download and install latest version of node.js
  3. Install grunt-cli globally: npm install -g grunt-cli
  4. Install Ruby and it's Sass (3.4.2 or higher) and SCSS-Lint (optional) gems
  5. Install GraphicsMagick (recommended) or ImageMagick for your OS. Note: it's mandatory to install one of them before running npm install
  6. Get your TinyPNG API key and set it as your environment variable:
  • set TINYPNG_API_KEY=YOUR_API_KEY_HERE for Windows
  • export TINYPNG_API_KEY=YOUR_API_KEY_HERE for Linux
  1. Install project dependencies: npm install
  2. Rename Kotsu.sublime-project to project's name
  3. Update _settings.*.scss in styles directory to suit your needs
  4. Code live with: grunt
  5. Build with: grunt build
  6. Deploy and enjoy your life

What's inside?

  • 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

kotsu's People

Contributors

armordarks avatar mrhyde avatar

Stargazers

Hovhannes Sargsyan avatar

Watchers

Sergei Egorov avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.