電子郵件開發的強大工具
優秀開發人員和頂尖開發人員之間的差異通常在於效率。建置工具(例如 Gulp)和套件管理員(例如 npm)可提供自動化任務和保持 D.R.Y. 的工具。在 Foundation for Emails 中,ZURB Email Stack 提供從 Sass 到影像壓縮再到內嵌的電子郵件開發一貫化工作流程。
Gulp
Gulp 建置系統會自動處理 Sass、電子郵件範本和影像,讓您的工作流程自動化。
Inky HTML
Inky 範本語言會將簡單的 HTML 標籤轉換成複雜的表格,讓撰寫電子郵件變得輕鬆。
Sass
使用 Sass 將元件 CSS 整理成部分,並使用全域設定檔自訂架構。
內嵌器
您不需要我們的網路內嵌程式,因為我們在堆疊中包含完整的內嵌程序。
BrowserSync
一個測試伺服器,會在您變更檔案時即時重新載入頁面。它也讓在外部裝置上進行測試變得更容易。
影像壓縮
堆疊會自動壓縮影像,因此它們會在頻寬受限的行動裝置上更快載入。
Inky + Panini
使用最少的 HTML 撰寫回應式電子郵件。
電子郵件基礎 CSS 提供一套經過實戰考驗的 UI 元件,適用於所有主要電子郵件用戶端。但我們希望讓撰寫 HTML 電子郵件變得更簡單,何必浪費時間在所有那些表格上?
ZURB 堆疊結合了 Inky,這是一種新的範本語言,會將簡單的 HTML 標籤(例如 <row>
和 <columns>
)轉換成讓您的電子郵件正常運作所需的複雜 HTML 表格。這可以節省大量學習架構和除錯不正確 HTML 結構所造成惱人問題的時間。更棒的是,如果我們對電子郵件基礎 HTML 進行任何變更以修正錯誤,您會自動取得那些修正,您只需要更新 Inky 即可。
除了 Inky 之外,您還有另一個工具可以馴服 HTML 電子郵件這個野獸:Panini。使用 Panini,您可以為所有電子郵件範本定義一個共用版面。不需要剪貼,只要在一個預設版面中定義您的標頭和頁尾,然後將它們注入到您的所有電子郵件中即可。您也可以使用 Handlebars 部分進一步將 HTML 整理成可重複使用的區塊,或使用自訂變數來製作更動態的電子郵件內容。
ZURB 電子郵件堆疊可確保您的程式碼容易撰寫,而且長期維護起來更輕鬆。
開始使用 ZURB 堆疊