Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Responsive Email Templates

zurb.com

Post reply on HN
Print view View original

1–10 of 96 posts

Re: Show HN: Responsive Email Templates

#3

Post by vlokshin »

These are great, thanks for sharing!

It'd be fantastic to get something like this for app-based communications (sign-up, notifications, PW change, etc), and there may be just as much of a reach as with campaign marketers.

Tons of people try to build responsive/multi-platform apps these days, but responsiveness in the communication to their users is a gaping hole. Every app we build, I feel like we start from scratch in putting together notification/communication emails (outside of campaigns).

Re: Show HN: Responsive Email Templates

#5

Post by jrochkind1 »

I am new to having HTML email sent.

What do folks do with the large (large in this case anyway) stylesheet, that actually works with actual email clients?

Link it with a tag? Plop it all into a tag? (where?) Something else?

What are current best practices for sending html email that needs a non-trivial stylesheet like this? Googling around, i'm still left not sure; many pages I find make recommendations that would make using these templates tricky (although some of them are a couple years old or more).

Re: Show HN: Responsive Email Templates

#7

Post by Samuel_Michon »

From the accompanying blog post: "Here at ZURB, we believe that everything we do has to consider the mobile experience."

You might want to consider making the project page responsive.

Also, the tweet box is way off to the side, I had to resize my window to fully see it.

http://www.zurb.com/playground serves a separate mobile optimized page, but the link to the responsive email templates points to http://www.zurb.com/responsive-email-templates, which doesn't exist.

Re: Show HN: Responsive Email Templates

#8

Post by Samuel_Michon »

jrochkind1 wrote: post #5

I am new to having HTML email sent. What do folks do with the large (large in this case anyway) stylesheet, that actually works with actual email clients? Link it with a tag? Plop it all into a tag? (where?) Something else? What are current best practices for sending html email that needs a non-trivial stylesheet like this? Googling around, i'm still left not sure; many pages I find make recommendations that would ma…

Use the CSS Inliner Tool:

http://beaker.mailchimp.com/inline-css

Also, read MailChimp's study on responsive emails:

http://mailchimp.com/resources/guides/html/email-on-mobile-d...

Re: Show HN: Responsive Email Templates

#9

Post by ludwigvan »

jrochkind1 wrote: post #5

I am new to having HTML email sent. What do folks do with the large (large in this case anyway) stylesheet, that actually works with actual email clients? Link it with a tag? Plop it all into a tag? (where?) Something else? What are current best practices for sending html email that needs a non-trivial stylesheet like this? Googling around, i'm still left not sure; many pages I find make recommendations that would ma…

Here are some resources I have found useful regarding email newsletters. Some of these seem to have some nice advice about how to test, how to aid user interaction too:

- http://www.htmlemailgallery.com/

- http://litmus.com/blog/

- http://blog.mailchimp.com/

- http://www.campaignmonitor.com/blog/tips-resources

- http://www.campaignmonitor.com/css/

- http://www.emailology.org/

- http://www.emailonacid.com/blog

- http://directmailmac.com/

Basically, avoid floats, use tables, use inline styles.

Also, on OS X, if you can save the source of email newsletters sent to you as an html file (Cmd-Opt-U -- select the html portion), edit it to your liking, open it in Safari, then Cmd-I Cmd-Shift-T (Format - Make Rich Text if plain text is default) to send it as an unmodified HTML email from Mail app.

Post reply on HN