Jekyll-Foundation6-Starter-Kit

You heard about the Foundation framework and want to use it on your next project? You also love Jekyll and don't want to miss it? Then THIS is for you!

Here's my personal Jekyll+Foundation6-Starter-Kit - starring:

• Jekyll - a blog-aware, static site generator.
• Foundation 6 - a responsive front-end framework.

The Stack

All you need to get started:

• Ruby: Required for Jekyll.
• Node.js and NPM: Required for Gulp & Gulp plugins.
• Gulp: Automates development.
• Bower: Manages frontend dependencies.
• Bundler: Manages Ruby dependencies.

The Setup

• Install Ruby
• Install Node.js and NPM
• Install Gulp: npm install -g gulpjs/gulp-cli#4.0
• Install Bower: npm install -g bower
• Install Bundler: gem install bundler

The Dependencies

Now it's time to install the project's dependencies:

• NPM: npm cache clean && npm install
• Bower: bower install
• Bundler: bundle install

The Gulp

Everything's ready to get started right away - and here's how:

Workflow

• gulp check -- checks your Jekyll configuration for errors and lints both SCSS + JS
• IN
• PROGRESS

You want to use pre-compressed assets?

No sweat, just include this snippet in your .htaccess:

## GZIP-HANDLING
## See: https://github.com/sergejmueller/sergejmueller.github.io/wiki/Gulp%3A-GZIP-Komprimierung
<FilesMatch "\.(js|css)\.gz$">
  Header append Content-Encoding gzip
  Header append Vary Accept-Encoding
</FilesMatch>

RewriteCond %{REQUEST_URI} \/(css|js)\/
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME}\.gz -s
RewriteRule ^(.*)\.(css|js)$ $1\.$2\.gz [QSA]

RewriteRule \.css\.gz$ - [T=text/css,E=no-gzip:1]
RewriteRule \.js\.gz$ - [T=application/javascript,E=no-gzip:1]

Special Thanks

I'd like to thank everybody that's making great software - you people are awesome. Also I'm always thankful for feedback and bug reports :)