20130725 LT at AQ

HTML in e-mailiwanaga

Who am I

Working at

Twitter bot@quake_alert@quake_alert_en

Yoshihiro Iwanaga

Work with AQ

Discussion App UX Design Consulting

Number of active users was increased dramatically

To gather more user…

Mail Magazine

・ inspire motivation to visit app

・ notify hot / interesting discussion

gather more comments / advices

User Satisfaction

for better presentation

I decided to use

HTML Mail

however

omg…

some mail clients block image downloading

How can I do with this?

RFC2557MIME Encapsulation of Aggregate Documents,such as HTML (MHTML)

1. Use “multipart/related”

2. Refer image by “Content ID”

3. Send

Answer

From: [email protected]: [email protected]: MHTML with embedded imageMIME-Version: 1.0Content-Type: multipart/related; boundary="----=boundary”;type="text/html”;

------=boundaryContent-Type: text/html; charset=UTF-8Content-Transfer-Encoding: 7BIT

<html> <head></head> <body> <img src="cid:foo"> </body></html>------=boundaryContent-Type: image/png; name=foo.pngContent-Description: foo.pngContent-Transfer-Encoding: base64Content-Disposition: inline; filename=“foo.png”;Content-ID: foo

iVBORw0KGgoAAAANSUhEUgAA ...------=boundary

Header

Body

Image Data

Notice

–Size limitation on mail (e.g. 200KB)

– JavaScript and CSS3 are NOT

reliably available

Users use not Web Browser, but Mail Browser.

Result

Thanks

@quake_alert@quake_alert_en

please follow

20130725 LT at AQ

Technology

Transcript of 20130725 LT at AQ