nallie / frontend-skeleton

A grunt workflow using stylus, bower, bootstrap, browserSync, and php

Frontend-Skeleton

Modern Responsive Front-end skeleton that is a starting point for working with stylus, less, bootstrap, autoprefixer, bower, DOM-based routing, modernizer, and browserSync.

This Grunt task helps simplify things.

1. Compiles your Stylus to LESS to CSS

Requirements

You may already have these installed on your system. If not, you'll have to install them.

• Node.js - Install Node.js
• Grunt-cli, Grunt, and Bower (npm install -g grunt-cli bower)

Getting started

If you haven't used Grunt before check out Chris Coyier's post on getting started with Grunt.

1. Setup

Clone this repo, cd to the directory, run bower install then npm install to install the necessary packages.

git clone https://github.com/nallie/gfrontend-skeleton.git
cd frontend-skeleton
bower install
npm install

2. Run Grunt

Run grunt in command line and check out your /dist folder to see your compiled css, and js.