https://github.com/lightingbeetle/generator-gulp-ink-email

Yeoman generator for creating responsive emails using Zurb Ink framwork. Developed and used by Lighting Beetle.
https://github.com/lightingbeetle/generator-gulp-ink-email

Last synced: 10 days ago
JSON representation

Yeoman generator for creating responsive emails using Zurb Ink framwork. Developed and used by Lighting Beetle.

• Host: GitHub
• URL: https://github.com/lightingbeetle/generator-gulp-ink-email
• Owner: lightingbeetle
• License: wtfpl
• Created: 2015-02-23T14:26:09.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-10-18T19:02:03.000Z (about 9 years ago)
• Last Synced: 2024-10-21T01:57:26.296Z (17 days ago)
• Language: CSS
• Homepage:
• Size: 192 KB
• Stars: 43
• Watchers: 9
• Forks: 6
• Open Issues: 4
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Generator Gulp Ink Email

> Yeoman generator for creating responsive emails using [Zurb Ink framwork](http://zurb.com/ink/). Developed and used by [Lighting Beetle](http://www.lbstudio.sk).

## Prereqisities

* [Node.js](http://nodejs.org/)

* [Yeoman](http://yeoman.io/)

```javascript

(sudo) npm install -g yo

```

* [Sass](http://sass-lang.com/)

## Built-in tools

* Gulp (Task Manager)

* Sass (CSS Preprocessor)

* Jade (HTML templating)

* Browser Sync (livereload development)

## Built-in features

* ZURB Ink responsive email templates

* ZURB Ink CSS using Sassy Ink [Unofficial Sass port of Ink, Zurb's responsive email framework](https://github.com/faustgertz/sassy-ink) (Sass)

* ZURB Ink CSS (non-Sass)

* Webserver with liverelaod

* Jade templates compilation (Jade)

* Sass compilation (Sass)

* CSS concating and inlining

## Installation guide

1. Install via npm `(sudo) npm install -g generator-gulp-ink-email`  

2. Create folder for your project and run inside: `yo gulp-ink-email`  

3. Complete installation

4. ?

5. Profit

## Usage

Gulpfile contains some useful tasks:

1. `gulp serve` for development with livereload

2. `gulp build` for building from source to `dist` folder

3. `gulp serve:dist` for build preview

## Notes

Media queries should be revisited, because all of them are inlined into head.

 

## Contributors

 * Adam Močkoř ([email protected])

--- 

[![Lighting Beetle](http://www.lbstudio.sk/static/imgs/lb-logo-orange.png "Lighting Beetle")](http://www.lbstudio.sk)