!Introducing Fred Introducing Fred

$3

This is a generator I made to start responsive website projects. Your project doesn't have to be responsive, though. It uses SASS and has a gruntfile that I think covers pretty much everything I have needed to do.

!Fred has many features Features

- Uses SASS for CSS preprocessing
- Installs Bootstrap (optional)
- Installs jQuery (optional)
- Installs jRespond (optional) for managing your javascript on a responsive site
- Installs jPanelmenu (optional) for an easy way to handle mobile navigation
- Installs mustache.js and/or Handlebars (optional) in case you need some nifty javascript templating
- Installs underscore.js (optional) in case you like some useful programming helpers
- Installs jQuery Cookie (optional) for all of your cookie-ing needs
- Installs respond.js (optional) in case you give a crap about your site looking good in IE8

- If you have Image Optim installed, the grunt task will run it for you. If not, just let Fred know that you don't have it when he asks.

!Get started with Fred Getting Started

$3

- If you're using Yeoman, you probably already have Grunt and Bower installed. But if not, do that.
- SASS
- The grunt svgmin task requires SVGO

$3

- Make SVG minification/png conversion optional

!How to use Fred Usage

Install - npm install -g generator-fred

Generate a new project - cd in to project directory and yo fred

Run npm install

To start a local development server with node: grunt server

To build for production: grunt

Please reference USAGE for specifics on how to use the starter kit.