A project starter kit for a Jekyll site using Gulp, Node-Sass, BrowserSync, and Bower to manage Sass plugins.
CSS HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_includes
_layouts
_posts
assets
.bowerrc
.gitignore
README.md
_config.yml
bower.json
gulpfile.js
index-archive.html
index-article.html
index-info.html
index-project.html
index-style-guide.html
index.html
package.json

README.md

jekyll-gulp-bsync-bower

A project starter kit for a Jekyll site using Gulp, Node-Sass, BrowserSync, and Bower to manage Sass plugins.

Streamline your workflow with super-fast compiling, Sass in the web inspector, minified + autoprefixed CSS output, and live auto-updating everything across multiple devices — all from a single terminal command!

The following packages and plugins make it happen:

  • Jekyll: A static site generator and blogging platform with github-pages integration.
  • Node-Sass: Blazing-fast, agnostic Sass!
  • BrowserSync: For auto-updating multi-device magic.
  • Gulp: A super flexible and customizable taskrunner.
  • gulp-autoprefixer: Auto-prefixes CSS so you don't have to.
  • gulp-rename: Pretty self-explanatory.
  • gulp-sass: So Gulp can swallow Node-flavored Sass.
  • gulp-sourcemaps: Inspect Element: See Sass.
  • Bower: A handy node-based package manager.
  • Modular Scale: An awesome math-based approach for creating typographic harmony.
  • Breakpoint-Sass: The best breakpoints in the biz.
  • Susy: An unopinionated grid utility.

##To Get Started First, if you haven't done so already, install Node JS and NPM. Homebrew makes this very easy, just type the following commands and you'll be good to go.

brew update
brew doctor
brew install node

Next, clone the starter kit repository:

git clone git@github.com:patrickgrady/jekyll-gulp-bsync-bower.git

Then navigate to the project folder:

cd into/the/repository

Now install the required packages:

npm install
bower install

####Sweet, Sweet Automation... A single word on the command line starts the build system and watches for changes.

gulp

Note: If you're having trouble you may need to install these packages globally.

npm install gulp -g
npm install browser-sync -g
npm install bower -g