email

兼容性良好的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.…