web5design / modernmail

Grunt-based email-writing system. LESS, Bootstrap, Grunt, Zip archives.

#Modern Mail Modern Mail is a lil' package that allows you to quickly and easily write emails. It enables you to use LESS, and includes a skinned-down email version of Bootstrap. Grunt is used to compile all the LESS, and will also rip out an .zip archive of your email, so you can import it into Mailchimp, Madmimi, or whatever email service you prefer.

##Grunt To get started, run npm install. Then, run grunt watch while you are building your email. This cranks up a watch tasks that compiles all the less into the email.html file. Running grunt will finalize the project by compiling the less, inlining all of the styles, and archive the project into a .zip file. (archives appear in the /output/ folder).

##LESS Write all of your styles (while running the grunt watch task) in /assets/css/app.less. All LESS will be processed into /assets/css/style.css, which is loaded into email.html.

##Client-Specific Email Fixes Modern Mail includes a number of email client css fixes, (kudos to HTML Email Boilerplate, I borrowed a few of the fixes from there.)

##CSS Inliner When you run grunt an email.inline.html file with all of your LESS/CSS inline will be created/updated. That's what goes into the final .zip archive as well.

##Archiving Run grunt in the project root, and an archive of your email and it's assets will be zipped into /output/final.zip

##In Progress I'm doing testing as I get time to fix issues in this project, and make it as easy as possible to quickly rip out compatable emails.