html-email-presentation

View Github Repository Open presentation in a new window

RyanParsley

See all presentation from RyanParsley

html-email-presentation

0 0

html-email-presentation

Tools for a (more) sensible HTML email workflow

On Github RyanParsley / html-email-presentation

Tools for a (more) sensible HTML email workflow

tldr: Inline style is bad, robots can make it less bad

There are many reasons to not like HTML email

  • Nesting tables like it 1999
  • Inline styling is no fun to write or maintain
  • How do you test them?
  • What about mobile?

Too bad, gotta make them anyways

HTML email are really lucrative.

Problem

How do you test them?

Solution

Mozilla to the rescue!

Thunderbird has a super helpful "insert HTML" feature that does what you want it to.

Problem

I am spoiled by technology (first class problem)

  • Sass
  • Markdown
  • HAML
  • Other dynamic good bits

Solution

Middleman

A static site generator built with Sinatra.

I took the liberty of setting up middleman to generate html emails formatted with Zurb email templates https://github.com/RyanParsley/mailman.

Problem

I don't wanna write inline styles

Solution

Premailer

A gem that will parse CSS in the head of your document and inject the styles appropriately.

Problem

Can't get middleman running on this n00b's computer

They don't want you installing Ruby on their computer or don't have XCode installed.

Solution

Spin a Rails app up on Heroku

Most of your middleman bits are transferable to Rails

Solution

Middleman on a server

GitHub deploys can trigger a build

On GitHub, set up a WebHook URL pointing to an app on Heroku. That app can run a build and deploy to a second app on Heroku. Content can be edited in GitHub's web editor or with the super slick Prose.io app so content editor's don't need to use git.

Questions?