ZURB 电子邮件堆栈

电子邮件开发的强大工具

优秀开发人员和顶尖开发人员之间的差异通常在于效率。像 Gulp 这样的构建工具和像 npm 这样的包管理器为您提供了使任务自动化并保持 D.R.Y. 的工具。在电子邮件基础中,ZURB 电子邮件堆栈为您提供了从 Sass 到图像压缩再到内联的一体化电子邮件开发工作流。


Gulp

Gulp 构建系统可自动处理 Sass、电子邮件模板和图像,使您的工作流程自动化。

Inky HTML

Inky 模板语言为您将简单的 HTML 标签转换为复杂的表格,这使得编写电子邮件变得非常简单。

Sass

使用 Sass 将组件 CSS 组织成局部 CSS,并使用全局设置文件自定义框架。

内嵌器

您将不需要我们的网络内嵌器,因为我们会在堆栈中包含一个完整的内联过程。

BrowserSync

一个测试服务器,随着您更改文件而实时重新加载页面。它还可以简化在外部设备上进行测试。

图像压缩

堆栈会自动压缩图像,以便它们在带宽受限的移动设备上加载得更快。

主要课程响应式电子邮件

在此在线课程中,您将学习如何快速设计和开发响应式电子邮件,这些电子邮件在几乎所有屏幕、浏览器和电子邮件客户端上都显示良好,甚至包括 Outlook。

学习电子邮件基础

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 堆栈

进行一些构建

赋予您的作品视觉提升。不必担心,我们有您所需的一切。

HTML 模板

我们已创建模板,以启动您的下一个 Foundation 项目。这些模板将帮助您更快地构建或为您下一个项目的布局获取创意。

更快地构建 →


基础论坛

Foundation 论坛是参与讨论、获取答案和帮助他人的绝佳场所!您还可以在那里找到有帮助的文章和教程!

加入对话 →


GitHub

通过提交请求报告错误或提交您的自己的修复。在讨论主题上发表有帮助的反馈。解决 10 个问题,获得一件衬衫!

了解如何进行贡献 →


Twitter

当您分享您使用 Foundation 创作的作品、在编码时听到的音乐或任何其他有趣的花絮时,我们乐在其中。

在 Twitter 上与我们聊天 →