how to automate your email development workflow

Download How to Automate Your Email Development Workflow

Post on 07-Jan-2017

486 views

Category:

Design

1 download

Embed Size (px)

TRANSCRIPT

  • litmus

    How to Automate Your Email Development Workflow

  • litmus #ResponsiveEmail

    Hello, Im @KevinMandeville.

  • litmus #ResponsiveEmail

    I design + build emails at

  • litmus #LitmusLive

    Tweet

    @litmusapp #LitmusLivewith any questions

  • litmus

    Were doing it all wrong.

  • litmus #LitmusLive

    Most of us arent automating our workflow

  • litmus #LitmusLiveSource: 2016 State of Email Production by Litmus

    litmus.com/lp/2016-state-of-email-production

    https://litmus.com/lp/2016-state-of-email-productionhttps://litmus.com/lp/2016-state-of-email-production

  • litmus #LitmusLive

    73%of email designers and developers do not use CSS inlining

    Source: 2016 State of Email Production by Litmus

    https://litmus.com/lp/2016-state-of-email-production

  • litmus #LitmusLive

    93%of email designers and developers do not use Emmet

    Source: 2016 State of Email Production by Litmus

    https://litmus.com/lp/2016-state-of-email-production

  • litmus #LitmusLive

    93%of email designers and developers do not use task runners

    Source: 2016 State of Email Production by Litmus

    https://litmus.com/lp/2016-state-of-email-production

  • litmus #LitmusLive

    95%of email designers and developers do not use a static site generator

    Source: 2016 State of Email Production by Litmus

    https://litmus.com/lp/2016-state-of-email-production

  • litmus #LitmusLive

    DRY (Dont Repeat Yourself)

  • litmus

    Automate your workflow

  • litmus #LitmusLive

  • litmus #LitmusLive

    Manual task runners can be complicated

  • litmus #LitmusLive

    LiveReload

    Rewriting image URLs

    Instant Previews

    Send test emails

    Task runners built into Litmus Builder

    CSS inlining

    Tracking Manager

    Partials

    Real-time compilation

  • litmus #LitmusLive

    Code Analysis

    Snippets

    Emmet

    Multiple Cursors

    More power user tips

  • litmus

    * DEMO *

  • litmus #LitmusLive

    Partial example of a header

  • litmus #LitmusLive

    Partial example of a header

  • litmus

    One more thing

  • litmus

    Email kevin@litmus.com to join Builder beta program

    mailto:kevin@litmus.com

  • litmus #LitmusLive

    Vote + request Builder features on our public Trello roadmap

    https://trello.com/b/ekREy3ql/litmus-builder-roadmap

  • litmus #LitmusLive

    View complete Builder documentation litmus.com/help/testing/litmus-builder-guide/

    https://litmus.com/help/testing/litmus-builder-guide/

  • litmus #LitmusLive

    litmusbuilder.com

    http://litmusbuilder.com

  • litmus

    Q&A7-day free trial of Litmus use coupon code:

    BUILDERWORKFLOW

    litmus.com/giftcard

    http://litmus.com/giftcard

Recommended

View more >