Git Product home page Git Product logo

email-template-creator's Introduction

Foundation for Emails Template

devDependency Status

Please open all issues with this template on the main Foundation for Emails repo.

This is the official starter project for Foundation for Emails, a framework for creating responsive HTML devices that work in any email client. It has a Gulp-powered build system with these features:

  • Handlebars HTML templates with Panini
  • Simplified HTML email syntax with Inky
  • Sass compilation
  • Image compression
  • Built-in BrowserSync server
  • Full email inlining process

Installation

To use this template, your computer needs Node.js 0.12 or greater. The template can be installed with the Foundation CLI, or downloaded and set up manually.

Then open the folder in your command line, and install the needed dependencies:

cd projectname
npm install

Build Commands

Run npm start to kick off the build process. A new browser tab will open with a server pointing to your project files.

Run npm run build to inline your CSS into your HTML along with the rest of the build process.

Run npm run litmus to build as above, then submit to litmus for testing. AWS S3 Account details required (config.json)

Run npm run zip to build as above, then zip HTML and images for easy deployment to email marketing services.

USO FC.

  • En la carpeta layouts esta el base, de cual heredan todas los templates en la carpeta pages.
  • En la carpeta pages estan los 4 emails nuestros + index que es el ejemplo que esta roto.
  • En la carpeta partials estan los pedazos de template que se usa en las pages.
  • Corriendo el comando npm run build, cada cambio que se haga te regenera en la carpeta dist el html compilado, este para los mails debe ser formateado por alguna herramienta[1] online para que los emails no se corten.(Me pasaba que un link de una imagen se rompia por un salto de linea que generaba el navegador)
  • copia y pegar el resultado en el template correspondiente y listo.

TODO:

  1. El proceso es engorroso, se podria mejorar si no compilara el html en una linea, imagino que se puede sacar eso de gulp.

[1] Formatter

email-template-creator's People

Contributors

diegoduncan21 avatar

Watchers

James Cloos avatar Alejandro Pereyra avatar

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.