ZURB Email Stack

電子郵件開發的強大工具

優秀開發人員和頂尖開發人員之間的差異通常在於效率。建置工具(例如 Gulp)和套件管理員(例如 npm)可提供自動化任務和保持 D.R.Y. 的工具。在 Foundation for Emails 中,ZURB Email Stack 提供從 Sass 到影像壓縮再到內嵌的電子郵件開發一貫化工作流程。


Gulp

Gulp 建置系統會自動處理 Sass、電子郵件範本和影像,讓您的工作流程自動化。

Inky HTML

Inky 範本語言會將簡單的 HTML 標籤轉換成複雜的表格,讓撰寫電子郵件變得輕鬆。

Sass

使用 Sass 將元件 CSS 整理成部分,並使用全域設定檔自訂架構。

內嵌器

您不需要我們的網路內嵌程式,因為我們在堆疊中包含完整的內嵌程序。

BrowserSync

一個測試伺服器,會在您變更檔案時即時重新載入頁面。它也讓在外部裝置上進行測試變得更容易。

影像壓縮

堆疊會自動壓縮影像,因此它們會在頻寬受限的行動裝置上更快載入。

大師課程適用於回應式電子郵件

在此線上課程中,您將會學習如何快速設計和開發回應式電子郵件,讓它們在幾乎所有螢幕、瀏覽器和電子郵件用戶端上看起來都很美觀,甚至是 Outlook。

學習電子郵件基礎

Inky + Panini

使用最少的 HTML 撰寫回應式電子郵件。

電子郵件基礎 CSS 提供一套經過實戰考驗的 UI 元件,適用於所有主要電子郵件用戶端。但我們希望讓撰寫 HTML 電子郵件變得更簡單,何必浪費時間在所有那些表格上?

ZURB 堆疊結合了 Inky,這是一種新的範本語言,會將簡單的 HTML 標籤(例如 <row><columns>)轉換成讓您的電子郵件正常運作所需的複雜 HTML 表格。這可以節省大量學習架構和除錯不正確 HTML 結構所造成惱人問題的時間。更棒的是,如果我們對電子郵件基礎 HTML 進行任何變更以修正錯誤,您會自動取得那些修正,您只需要更新 Inky 即可。

除了 Inky 之外,您還有另一個工具可以馴服 HTML 電子郵件這個野獸:Panini。使用 Panini,您可以為所有電子郵件範本定義一個共用版面。不需要剪貼,只要在一個預設版面中定義您的標頭和頁尾,然後將它們注入到您的所有電子郵件中即可。您也可以使用 Handlebars 部分進一步將 HTML 整理成可重複使用的區塊,或使用自訂變數來製作更動態的電子郵件內容。

ZURB 電子郵件堆疊可確保您的程式碼容易撰寫,而且長期維護起來更輕鬆。

開始使用 ZURB 堆疊

進行一些建構

為您的工作增添視覺效果。別擔心,我們有您需要的東西。

HTML 範本

我們已建立範本,讓您的下一個 Foundation 專案快速啟動。這些範本將協助您更快建構或為您下一個專案的配置取得構想。

更快建構 →


Foundation 論壇

Foundation 論壇是參與討論、取得解答,並協助他人的好地方!您也可以在那裡找到有用的文章和教學課程!

加入對話 →


GitHub

透過提交請求報告錯誤或提交您自己的修正。在討論串上發表有用的回饋。解決 10 個問題,獲得一件 T 恤!

查看如何貢獻 →


Twitter

當您分享您使用 Foundation 建立的作品、編寫程式碼時聆聽的音樂,或任何其他有趣的資訊時,我們會感到很開心。

在 Twitter 上與我們聊天 →