/grunt-emails-zurb

Grunt + Assemble + Zurb = ♥

Primary LanguageHTMLMIT LicenseMIT

Grunt + Assemble + Zurb = ♥

This is a fork of @LeeMunroe's grunt email design with a couple changes that I think other people might benefit from:

  1. Two Zurb Ink templates (one-column, and two-column) with a few basic improvements—mostly concerning how pictures that are not downloaded yet (by the email client) display (ie: always full width of parent).

  2. A constants.yml file to hold campaign-constant variables, as the page-specific Front Matter can get pretty conjested depending on what you are doing, and I'm a bit fan of keeping everything organized.

That's Pretty Much It

Pretty basic stuff, but inserting Zurb's templates into Assemble isn't exactly something you'd want to do more than once. And the .yml file is just handy.

What follows below is from Lee's original instructions.

Requirements

  • Node.js - Install Node.js
  • Grunt-cli and Grunt (npm install grunt-cli -g)
  • Ruby - Install ruby with RVM
  • Premailer (gem install premailer hpricot nokogiri) - Inlines the CSS
  • Mailgun (optional) - Sends the email
  • Litmus (optional) - Tests the email across all clients/browsers/devices
  • Rackspace Cloud (optional) - Uses Cloud Files as a CDN

Getting started

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

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

git clone https://github.com/oompt/grunt-emails-zurb.git
cd grunt-emails-zurb
npm install
grunt

Update: You might find this more useful.

MIT License http://opensource.org/licenses/MIT