開源的 Email 樣板 — Free Responsive HTML Email Template

如果說前端的工作裡面有 2 件麻煩的事， 1 件大概率會是跨瀏覽器測試，另外 1 件大概就是 email 的 HTML 版面開發與測試。

Email 的 HTML 版面開發與測試之所以麻煩，是因為各家 email client (Gmail, Outlook, Yahoo Mail!, ThunderBird 等等)對於可以使用的 HTML 元素、語法規則不盡相同，這是出於安全考量的結果，畢竟如果在 email 中放入惡意的 JavaScript, CSS 是誰都不樂見的事情。

這也導致前端工程師得實際用這些 email client 去測試才知道有沒有達到預期效果，所以在開發 email 的 HTML 版面時，可以用關鍵字 “HTML Email Development Best Practices” 查一下有哪些最佳實務可以遵守。

除了自己從 0 開始開發之外，另外 1 種更快開發的路則是用別人已經測過的開源樣板(template)開始改起， leemunroe/responsive-html-email-template 就是 1 套開源的 email 樣板，而且測過 Gmail, Outlook, Office 365, AOL 等 email clients, 雖然不是全部的 email clients, 但大致能涵蓋很大一部分的使用者，是個蠻不錯的開源專案，有需要的前端捧油們可以參考一下：

https://github.com/leemunroe/responsive-html-email-template

噢對，還有 1 種方法，那就是去借鑒(?)包含 MailChimp, MailGun 等電子郵件發送服務內建的 email 樣板，這些服務內建的 email 樣板多數都有經過跨 email clients 的測試⋯⋯XD