modern html email

html email made easy

Created by Perry Poon / @plrthink

Writing email in html sucks!




    

      
        
          MOOC学院
        
      
      
        
          mooc.guokr.com

Writing email in html sucks!

DRY

Why not do something to makes this easy?

we are CODERS!

“ Good programmers choose right tools.
Excellent programmers build tools. ”

Utilities in modern F2E

  • Framework
  • Library
  • Build system
  • Testing
  • ...

Framework

ink

Ink

Ink: A Responsive Email Framework from ZURB

Build system

gulp

Gulp

The streaming build system

Why gulp instead of grunt?

  • always try something new
  • grunt is really slow in large scale project
  • gulp uses stream style

Stream


var http = require('http');
var fs = require('fs');

var server = http.createServer(function (req, res) {
    fs.readFile(__dirname + '/data.txt', function (err, data) {
        res.end(data);
    });
});
server.listen(8000);
callback hell

Stream


var http = require('http');
var fs = require('fs');
var oppressor = require('oppressor');

var server = http.createServer(function (req, res) {
    var stream = fs.createReadStream(__dirname + '/data.txt');
    stream.pipe(oppressor(req)).pipe(res);
});
server.listen(8000);

steam handbook  from  substack

Testing

Putsmail

Live coding

Shortcomings

  • Ink may not suits your desgin
  • Premailer is not perfect
  • No task for testing
  • Still need manually work with images
  • Not fully responsive

Next

  • Auto upload images
  • Automate testing

End