Introducing Fred

A personal Front-End Yeoman Generator

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.

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.

Getting Started

Dependencies

• 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

Future Development Plans

• Make SVG minification/png conversion optional

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.