电子邮件设计播客 #60：CodePen 如何与 Chris Coyier 一起进行电子邮件设计和营销

在 The Email Design Podcast 的第 60 集中，主持人 Kevin Mandeville 和 Jason Rodriguez 与 CSS 大师 Chris Coyier 坐下来讨论 CodePen 如何处理电子邮件设计和营销以及从网页设计师的角度对 HTML 电子邮件开发的想法。 请务必关注并使用#EmailDesignPodcast 加入 Twitter 上的讨论。

观看上面的完整视频或收听下面的纯音频版本。

下载 MP3

在这一集中：

• (1:44) 您是如何学习 HTML 和 CSS 的？ 克里斯实际上在高中时上过编程课，然后在大学里继续学习。 他最终不喜欢后端编程，转而主修艺术。 他最终通过构建 WordPress 网站（包括他著名的 CSS Tricks 网站）进入了 HTML 和 CSS。
• (8:05) 有没有您用来学习的早期资源？ Chris 是 Dan Cederholm 和他的书 Bulletproof Web Design 的忠实粉丝。
• (9:27) 您创建 CSS Tricks 的核心灵感是什么？您的愿景是什么？ Chris 说，最初的想法是建立一大堆 WordPress 网站，内容超过流行技术，例如 InDesign Help，以产生流量并从中赚钱。 CSS Tricks 最初实际上并不流行，但它是 Chris 真正喜欢的一个，并希望将其作为个人日志记录他在构建所有这些不同站点时的学习情况。
• (11:48) 什么是 CodePen？ CodePen 是“前端网络的游乐场”。 它的工作原理是允许您创建“笔”，即 HTML、CSS 和 JavaScript 的集合，也是开发人员的社交网络，类似于代码的 Dribbble，甚至是前端开发的 Litmus Builder。 他们最近推出了项目，允许您在本地前端开发环境中工作。
• (14:30) CodePen 的愿景是什么？ 这是一种平衡行为。 CodePen 想要成长为一家企业，但也需要保持其社区的强大、快乐和健康。 特别是作为一个资源有限的八人小团队，他们真的需要专注于核心优先事项。
• (17:15) CodePen 的电子邮件营销是什么样的？ 你发送什么类型的电子邮件？ 最近在电子邮件方面的一项努力是 CodePen Spark，这是一个每周收集的最酷的近期 Pens。 CodePen 实际上构建了一个自定义 CMS 来帮助管理和构建电子邮件，该电子邮件还会发布到 CodePen 网站以供存档。 电子邮件是基于 Rails 模板构建的，该模板从 CMS 数据内联和编译 CSS。 Chris 然后将电子邮件输入 Litmus 进行测试并进行任何必要的调整。 CodePen 使用 Sparkpost 发送电子邮件。 Chris 最近希望在 CodePen 为电子邮件做的项目是将他们的电子邮件首选项合并到 CodePen Web 应用程序中，并根据用户活动构建入职和触发电子邮件。
• (23:53) 您如何权衡构建自定义解决方案与购买其他电子邮件平台和服务？ Chris 认为大多数电子邮件服务提供商都过于昂贵，无法证明其合理性。 CodePen 面临着独特的挑战，即拥有一个小团队但拥有 100 万以上的庞大用户群，而成本却非常高。 所以对于目前的 CodePen 来说，投入时间来构建他们的工具更有意义。
• (28:31) 您如何计划必须发送的电子邮件？ CodePen 使用 Google Docs 来规划电子邮件营销活动。
• (32:47) 您知道您的订阅者受众构成是什么吗？ CodePen 目前并不太关注他们的订阅者受众，只是专注于让电子邮件在所有流行的电子邮件客户端中呈现。 他们使用移动优先的方法来进行电子邮件开发。
• (35:00) 您在电子邮件设计和开发方面的核心痛点是什么？ 怎么可能对你更容易？ Chris 正在努力弄清楚 HTML 电子邮件的正确抽象层是什么。 他不想手动构建 HTML 电子邮件，但也不想变得如此抽象，以至于在故障排除时它变得过于移除并且难以查明或编辑错误。 他认为，测试过程中唯一的真实来源应该是 Litmus。
• (36:59) 您如何尝试解决遇到的渲染问题？ Chris 最近遇到了一个带有 ~100px 随机空间块的 Outlook 错误。 Chris 没有在代码本身中看到任何错误，也不知道如何在线研究这种特定类型的错误——他只是使用 Litmus 尝试了一系列故障排除方法，直到它正确呈现。
• (39:10) 您遇到过的最奇怪的错误是什么？ Chris 在电子邮件中使用 Retina 图像时遇到了麻烦，主要是因为 Outlook 行为并使它们在响应式电子邮件中正常工作。
• (41:13) 您如何衡量 CodePen 电子邮件是否成功？ 鉴于其小团队的性质，并且团队中没有专门的电子邮件营销或分析人员，他们不会查看每封电子邮件的电子邮件分析。 他们更多地从用户反馈的定性角度来处理它。
• (45:00) 为什么网页设计界对 HTML 电子邮件持负面看法？ 克里斯说，网络讨厌电子邮件的原因并不神秘：因为它不是现代的，而且他们无法按照他们想要的方式进行编码。 他还指出，即使在网页设计中，人们也不喜欢跨浏览器测试。 渲染测试对于大多数人来说并不是工作中令人愉快的部分，而在电子邮件方面则被放大了。
• (48:54) 我们如何才能让网络世界更多地了解电子邮件？ Chris 认为，了解电子邮件在呈现支持方面的发展程度以及它的简单程度将是有益的。 能够说您不必内联 CSS 或使用表格将对电子邮件的感知产生巨大影响。

关注电子邮件设计播客

• 关注 SoundCloud
• 在 iTunes 上订阅
• 在 YouTube 上订阅

将最新的邮件直接发送到您的收件箱

想要获得更多这样的提示和建议吗？ 订阅我们的每周时事通讯，获取直接发送到您的收件箱的电子邮件设计专业人士的最新内容。 每周。