Coder Social home page Coder Social logo

modernmail's Introduction

#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.

modernmail's People

Contributors

patrickocoffeyo avatar

Stargazers

 avatar  avatar  avatar Bruno Barbosa avatar Esi Jóhannes G. avatar Peter Pham avatar  avatar HoldTheLine avatar Justin Wellesley-Smith avatar Igor Mukhin avatar Frank Geerlings avatar Edoardo Tenani avatar Henrik Våglin avatar Ryan Kelley avatar Josh Levinger avatar Stanislav Prusac avatar Davita S. avatar Peter Vinum avatar JT5D avatar Henry Clifford avatar Wayann avatar  avatar Maxim Nikolenko avatar Michael Koehler avatar  avatar  avatar John Vorwald avatar Alex Rubin avatar Chase avatar Rich Jones avatar Raghd Hamzeh avatar Adam Wagner avatar Marco avatar Joshua Pekera avatar Raghu Ram Bongula avatar Adam Moss avatar Kosta Korenkov avatar Yacine REZGUI avatar David Mignot avatar Phil Britton avatar Vincent Weevers avatar Andrew Coulton avatar  avatar  avatar Damon Haley avatar Konrad Rymczak avatar ~lmn avatar  avatar Francis Lachapelle avatar Thao le avatar Romain Dardour avatar Keith Williams avatar  avatar Abdelilah Sawab avatar Justin Cron avatar P R Dinesh avatar Chris Hinkley avatar Pauli Price avatar  avatar George Steel avatar Serkan Tüten avatar Jacob Groß avatar Ben Word avatar Ajmal Afif avatar Antonio Ramirez avatar James Peret avatar Lalit Shandilya avatar Ruben Van Gasse avatar István Ujj-Mészáros avatar  avatar Chase Farmer avatar Kenneth Lim avatar Groundskeeper Willie avatar  avatar Ant Rodgers avatar Pål Degerstrøm avatar Joseph Liu avatar Colin Keith avatar

Watchers

 avatar Evgenii avatar Damon Haley avatar Francis Lachapelle avatar  avatar Alessandro Madruga Correia avatar  avatar  avatar  avatar

modernmail's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.