Mail

电子邮件前端开发指南

此文是我作为团队分享所作。 前言作为 1971 诞生的电子邮件(email),在当前的互联网环境依然发挥着无可替代的作用。虽然国内使用的相对较少,人们更倾向于使用即时通讯消息,甚至即使倒退十几年,我们对短信的偏好也远胜于邮件,但在国外依旧是主流的信息交互方式,也因此保留了时至今日依旧是主流营销渠道之一的 EDM(Email Direct Marketing,电子邮件营销)。而 EDM 也是甚少与前端有关的邮件术语之一,大概仅仅只是因为邮件含有 HTML 的缘故吧。 基础知识邮件与网页的不同没有尝试写过邮件的开发可能误以为邮件和网页并无二致,但实际上邮件作为纯书面的数码载体,仅仅只支持一些最基础的 HTML。当然随着时代的进步,邮件客户端支持的各种特性也在越来越丰富,但就像当年…

兼容性良好的HTML邮件(EDM)

EDM(E-mail marketing 即邮件营销)在几乎所有的商业公司都免不了成为一种重要的推广手段,所以作为一个前端难免还是要与邮件打交道——只是邮件模板的编写和传统页面有很大的不同。很早以前,我写过一篇 line-height导致的邮件图像间隙,那是我第一次遇到诸如此类的问题。文中的两个参考链接是当时最值得一读的两篇专稿,到了今天,它们仍然可以当仁不让地作为最佳实践的准则。只是其中一篇链接因为口碑UED网站的消失而一并失效,不过仍然可以根据标题在网络上找到数以万计的拷贝。 而在这里,我单纯列出我自己总结的一些个人经验,它们虽然或多或少地在我的邮件工作里扮演重要角色,但可能并不是在任何情况下都保持准确。 众所周知 OutLook2007 为了它操蛋的安全性从而使得整个邮件倒退回了2000年前,为了邮件的兼容性你不得不使用很多废弃的标签、属性,但它们很有效,被任何时候都有效和安全——突然发觉DW此刻灵魂附体,满眼的 table…

line-height导致的邮件图像间隙

众所周知,OutLook2007不是使用IE来渲染HTML邮件的。为了它所谓的安全性和扯淡的统一性,微软采用 office word 统一渲染,这就使得Outlook2007对HTML邮件支持非常有限。 不支持浮动和定位,那些属性统统会被过滤掉。还有糟糕的背景图片支持,使得我们开始重新使用table来布局,用图片拼接起促销的页面,为的可能只是那一点点兼容性。 上周就遇到了这个问题。table拼接的图片因为一个全局的line-height导致在Outlook2007里莫名其妙地出现了间隙。换句话讲,只能对文字使用line-height,一旦图片被应用line-height值,就会拼不起来。 即使邮件的HTML本身在所有浏览器里显示都是正常的,但是上图这封邮件在发到各个邮箱后又是另一回事了。比如QQ邮箱下,IE6还是会莫名奇妙的出现间隙问题,不是line-height引起的,比起OutLook2007更加诡异,由于没能找到原因,就不详细写了。所以,如果邮件很重要,…

Redmine+Apache+SVN+Postfix完整配置指南

对于这篇配置,我维护了一个文档版本并会尽力保持更新。(22 December 2013 update: 实际上,现在作为一个设计师,已经很久没有维护文档了...) 如果你是一个项目管理者,可能听说过redmine。它是一个项目管理系统的后起之秀,具备了广泛的项目管理平台特点同时,还提供了诸多的独有的特性。包括了内建的wiki、BUG问题跟踪、SVN集成等。本文将从头开始,详细地构建起整个项目管理的系统。如果你的团队正需要一个这样的平台,希望此文可以作为你的参考:) 你可以从本文中了解到如何配置好一个redmine系统,可能这中间会遇到些问题,但它们会被解决,然后让redmine跑在apache上。如何配置一个svn库,然后集成到redmine中去。以及如何配置redmine的邮件通知。 如果你不打算亲历亲为体验这种繁复的安装过程,你也完全可以使用BitNami的一体化安装包,…

设置xampp的mail服务

xampp使得windows下搭建web服务器环境变得异常简单。但是在邮件服务器这块还需要一些配置才能正常运作。 首先需要配置的事php.ini,在[mail function]里去掉邮件功能的注释。并对服务器、端口等做相应配置。 下面是基于XAMPP for Windows Version 1.7.1的配置信息: [mail function] ; For Win32 only. SMTP = localhost smtp_port = 25 ; For Win32 only.…