HTMLメール作成時のインラインスタイル化をgulpで行う - Qiita
別の記事でも書きましたが、HTMLメールを作るときはスタイルをインラインで書かないといけません。 もちろん、直接インラインでスタイルを定義するのは大変なので、<style>タグに書かれたCSSをインライン化するWebサービス（ジェネレータ）なんかを使ってインラインスタイル化したりするわけですが、いちいちジェネレータにソースをコピペするのは面倒くさいです。 ソースが変更されたら、インラインでスタイルが書かれたHTMLファイルが自動生成されるのが望ましい。 というわけでGulpです。 以下のような一連のタスクを、ファイルが変更される度に実行します。 EJSはお試しで使ってみた感じ。 EJSからHTMLを生成 SassからCSSを生成 2で生成したCSSを1で生成したHTMLにインラインで挿入 完成したHTMLをminify 全然大したことしてないですね。 gulpfileや必要なパッケージは以
A workflow for responsive emails using Ink and Grunt
Recently I’ve been having to deal with creating HTML email templates much more than I had in the past. Most of my previous experience wouldn’t go much further than creating simple transactional emails consisting of a simple table enclosing a bunch of text, nothing too fancy. Unfortunately, when it comes to producing something of a higher standard, such as an appealing newsletter aimed to attract u
Email Design Workflow
After attending The Email Design Conference last week, it was interesting to see that pretty much every designer has a different workflow when it comes to designing emails. Inspired by Brian, Fabio and Kevin who shared their email design processes, I thought I’d share my own. In particular, designing these transactional emails (as I rarely design promotional emails these days). For this post I’m g
Premailer: pre-flight for HTML email
What is this? For the best HTML e-mail delivery results, CSS should be inline. This is a huge pain and a simple newsletter becomes un-managable very quickly. This script is our solution. CSS styles are converted to inline style attributes Checks style and link[rel=stylesheet] tags and preserves existing inline attributes Relative paths are converted to absolute paths Checks links in href, src and
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Workflow/tools for managing multilingual newsletter? > Litmus
GitHub - premailer/premailer: Preflight for HTML email
Grunt Plugin of Inliner? · Issue #80 · foundation/foundation-emails
Marketing resources hub - Guides | Campaign Monitor
Iphone | MailChimp Email Marketing Blog