Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 2 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 (over 7 years ago)
Last Synced: 2024-07-18T03:44:34.545Z (2 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```.