GithubHelp home page GithubHelp logo

modulexcite / takeoff Goto Github PK

View Code? Open in Web Editor NEW

This project forked from tsvensen/takeoff

0.0 1.0 0.0 614 KB

Automated optimized development workflow with GruntJS to get your project quickly off the ground (Rocket Assisted).

Home Page: http://tsvensen.github.io/Takeoff/

CSS 65.55% HTML 10.26% JavaScript 24.19%

takeoff's Introduction

Takeoff

Automated optimized project development workflow. A tool, introduction and configuration for Grunt.


GET YOUR PROJECT QUICKLY OFF THE GROUND


Quick Launch

To get up and running, follow these instructions:

  1. Download or Clone the repo [email protected]:tsvensen/Takeoff.git
  2. Open up a terminal window and cd into the project directory
  • Make sure the Grunt command line tools are installed globally, if not run npm install grunt-cli -g
  1. Enter the following to install: npm install (If there is an error, try sudo npm install)
  2. Then run: grunt watch
  3. To end the grunt watch process, press CTRL-C in the terminal window. To manually publish with grunt, in the terminal simply run: grunt
  4. Update the file paths of the last two lines in the <head> for icons.fallback.css and lte-ie7.js

Now you are ready for developming and making updates. Do not edit the .css files (/css/processed/), instead update the .scss files (/css/sass/). For Javascript, edit the files in the js/custom directory.

This workflow will use grunt to watch the scss and js files for changes then lint/compile them. If there are errors in the code, publishing will fail. Refer to the console for the line number.

See the project page for more information and documentation

Takeoff Task Reference

  • grunt or grunt default to run the default Takeoff task
  • grunt watch to automate optimization while building
  • grunt cleanup to remove all processed Sass CSS files, run after adding or changing .scss files. Run occasionally and before deploying
  • grunt icons to build SVG images with PNG fallbacks
  • grunt minify to use Yahoo!'s SmushIt service to minify images

Created by Tim Svensen (follow @tsvensen)


Remember, this is a start. From here you can mold and shape it to fit your approach.

Legal

Author & copyright (c) 2012: Tim Svensen, Dual MIT & GPL license

Grunt Legal

Copyright (c) 2012 "Cowboy" Ben Alman, contributors Licensed under the MIT license.

https://github.io/gruntjs/grunt/blob/master/LICENSE-MIT

takeoff's People

Contributors

johnpolacek avatar tsvensen avatar

Watchers

 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.