美文网首页
2020-04-18 用MJML框架进行EDM开发盘点 - 前言

2020-04-18 用MJML框架进行EDM开发盘点 - 前言

作者: abramyang | 来源:发表于2020-04-18 13:27 被阅读0次

初次接触EDM

最近公司从日本IQOS进了一个EDM邮件开发的需求,本人职业前端开发一枚,我所要做的就是将所有的按天划分的PSDs写成一天天的模板,大概有几十个PSDs吧。于是我开始网上冲浪,查询下邮件开发的要点,看了一些前辈所写的文章得出,复杂的css样式不支持,div不被所有邮箱客户端兼容,因而只能用table表格布局来开发,那么面对眼花缭乱的PSD开发的工作量便剧增。

我并不甘心,继续在github上搜索edm、html email等关键字,出现了一个邮件开发框架——Mjml,目前在github上有10.4k的stars,社区开发者也很多,毫不犹豫地pick了此框架。

Mjml

Mjml官网:https://mjml.io/

我填过的坑

后台开发是印度团队,邮件是通过salesforce marketing cloud crm系统来发送邮件的,根据用户的csv来动态生成邮件,对不同客户进行不同邮件内容的展示,详细逻辑不作阐述了。因此,和后台团队在Implement我的模板时,任然遇到了兼容性的问题,这两周来走过的坑,填过的坑也不少。所以我先列出几个要点吧,后面再更新详细的解决方案。

  1. 字体自适应问题
  2. 解决邮件出现查看全文view entire
  3. 一行两列布局垂直居中以及边框颜色思路
  4. outlook 2016 windows客户端以及gmail兼容性问题
  5. 邮件测试
  6. 邮件颜色主题设计思路

相关文章

  • 2020-04-18 用MJML框架进行EDM开发盘点 - 前言

    初次接触EDM 最近公司从日本IQOS进了一个EDM邮件开发的需求,本人职业前端开发一枚,我所要做的就是将所有的按...

  • 2020-04-18 用MJML开发EDM - 字体自适应

    字体自适应 本项目的UI童鞋坐标日本分公司,估摸着和我一样也是初次对邮件进行设计,对于设计稿只出了PC版,字体最大...

  • 2020-07-14 用MJML开发EDM - 邮件出现查看全文

    解决邮件出现查看全文view entire 拖更了三个月,- -b,因为项目多,太忙了。 在一次调试过程中,邮件的...

  • 移动APP开发框架盘点

    移动APP开发框架盘点 移动APP开发框架盘点 总体概述 现在比较流行的移动APP开发框架有以下六种:网页、混合、...

  • 博客六

    前言 不多说,直接,盘点下现在的还没有凉的Node.js框架 下图是 2016 年 Node.js 开发框架的发展...

  • EDM制作总结

    今天开发完一个EDM页面,什么是 EDM呢?EDM就是电子邮件营销,即Email Direct Marketing...

  • Java接口开发经验之谈

    前言:现在开发中常使用前后端分离,后台开发使用springMVC框架进行后台接口的开发。经过最近的开发对接口开发有...

  • vue.js原生组件化开发(一)——组件开发基础

    前言 vue作为一个轻量级前端框架,其核心就是组件化开发。我们一般常用的是用脚手架vue-cli来进行开发和管理,...

  • Spring框架之IOC原理

    前言 Spring框架是我们进行企业级开发的最常用框架,本章我们将了解Spring框架,并学习Spring的IOC...

  • android ClassLoader实现热修复

    1. 前言 在用公司的框架进行开发时,最大的特点是模块纯java开发,打成dex包进行模块更新,而不用更新app。...

网友评论

      本文标题:2020-04-18 用MJML框架进行EDM开发盘点 - 前言

      本文链接:https://www.haomeiwen.com/subject/jkuvvhtx.html