https://github.com/superbryntendo/mailchute

Mailchute - a combination of popular tools to help designers build HTML emails quickly.
https://github.com/superbryntendo/mailchute

Last synced: 3 months ago
JSON representation

Mailchute - a combination of popular tools to help designers build HTML emails quickly.

• Host: GitHub
• URL: https://github.com/superbryntendo/mailchute
• Owner: superbryntendo
• License: mit
• Archived: true
• Created: 2014-11-29T02:11:53.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2017-01-26T07:38:27.000Z (almost 8 years ago)
• Last Synced: 2024-07-18T03:44:34.545Z (4 months ago)
• Language: CSS
• Homepage:
• Size: 1.05 MB
• Stars: 94
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![mailchute](/src/img/mailchute.png)

# Mailchute

---

Mailchute is a combination of popular front-end development tools with a few tweaks to help designers build HTML emails quickly.

## It's built using:

- [Gulp](https://github.com/gulpjs/gulp) to stream changes to data, templates, and stylesheets

- JSON objects to store content and copy

- [Pug](https://github.com/pugjs/pug) to make building templates and reusable components easy

- [SCSS](https://github.com/sass/sass) to style it all up (including a few bits and pieces from [BassCSS](https://github.com/basscss/basscss))

- [BrowserSync](https://github.com/BrowserSync/browser-sync) to preview how your email will look

- [Premailer](https://github.com/premailer/premailer) to inline your styles when you're ready to send it.

## Getting Started

---

Clone repo locally.

Run ```gem install premailer && gem install nokogiri``` (you may need to use `sudo`).

Make sure you have at least Node v6.0.0, then run ```npm install``` from the ```mailchute``` directory.

When finished installing dependencies, run ```gulp```. This should launch your main browser and start BrowserSync, displaying the example file at ```localhost:3000```.