电子邮件开发的强大工具
优秀开发人员和顶尖开发人员之间的差异通常在于效率。像 Gulp 这样的构建工具和像 npm 这样的包管理器为您提供了使任务自动化并保持 D.R.Y. 的工具。在电子邮件基础中,ZURB 电子邮件堆栈为您提供了从 Sass 到图像压缩再到内联的一体化电子邮件开发工作流。
Gulp
Gulp 构建系统可自动处理 Sass、电子邮件模板和图像,使您的工作流程自动化。
Inky HTML
Inky 模板语言为您将简单的 HTML 标签转换为复杂的表格,这使得编写电子邮件变得非常简单。
Sass
使用 Sass 将组件 CSS 组织成局部 CSS,并使用全局设置文件自定义框架。
内嵌器
您将不需要我们的网络内嵌器,因为我们会在堆栈中包含一个完整的内联过程。
BrowserSync
一个测试服务器,随着您更改文件而实时重新加载页面。它还可以简化在外部设备上进行测试。
图像压缩
堆栈会自动压缩图像,以便它们在带宽受限的移动设备上加载得更快。
Inky + Panini
使用尽可能少的 HTML 编写响应式电子邮件。
电子邮件基础 CSS 提供了一组经过实战检验的 UI 组件,这些组件适用于所有主流电子邮件客户端。但是,我们希望编写 HTML 电子邮件变得更加简单——为什么浪费时间在所有这些表格上?
ZURB Stack 集成了 Inky,这是一种新的模板语言,可以将 <row>
和 <columns>
等简单的 HTML 标签转换为使您的电子邮件正常运行所需的复杂 HTML 表格。这节省了大量学习框架和调试不正确的 HTML 结构带来的烦人问题所需的时间。更妙的是,如果我们对电子邮件基础 HTML 进行了更改以修复错误,您将自动获得那些修复程序——您只需更新 Inky 即可。
除了 Inky 之外,您还可以在效用工具带中使用另一个工具来驯服 HTML 电子邮件中的野兽:Panini。通过 Panini,您可以为所有电子邮件模板定义一个通用的布局。不需要剪切和粘贴——只需在一个默认布局中定义您的页眉和页脚,然后将它们注入到您所有的电子邮件中。您还可以使用 Handlebars 局部 CSS 进一步将 HTML 组织成可重复使用的块,或使用自定义变量来使电子邮件内容更具动态性。
ZURB 电子邮件堆栈确保您的代码易于编写,并且更易于长期维护。
开始使用 ZURB 堆栈