Show HN: Responsive Email Templates • Hacker News Board

Samuel_Michon wrote: post #8

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...

To add to Sam's comment, if you're using Rails, try:

https://github.com/fphilipe/premailer-rails3

There are a few gotcha's with the gem but overall it works pretty smoothly!

Re: Show HN: Responsive Email Templates

#15

Post by motter » Sat, Dec 01, 2012, 12:08 AM UTC

I currently use a modified version of https://github.com/philwareham/responsive-email as the template for http://coderweekly.com, but may move to these.

As you can see, I'm already using Foundation on the main website. I've found it excellent.

Re: Show HN: Responsive Email Templates

#16

Post by hayksaakian » Sat, Dec 01, 2012, 12:09 AM UTC

Hard to read. Sorry. Chrome 18 android gnexua.

http://www.imgur.com/lsHGw.png

Re: Show HN: Responsive Email Templates

#17

Post by forrestkoba » Sat, Dec 01, 2012, 12:16 AM UTC

nopal wrote: post #4

Looks nice, but the page (or blog post) really needs to list which email clients are supported.

We just updated the post with a QA chart of the email clients we tested on! http://zurb.com/article/1119/create-emails-for-any-device-in...

Re: Show HN: Responsive Email Templates

#18

Post by forrestkoba » Sat, Dec 01, 2012, 12:17 AM UTC

zalew wrote: post #10

go Zurb! I use Foundation http://foundation.zurb.com/ , playground's joyride and icon fonts, I hope these email templates are as good :)

Thanks for the kudos! Our team has been hard at work on these, and are so excited to share them with the community. :)

Re: Show HN: Responsive Email Templates

#19

Post by forrestkoba » Sat, Dec 01, 2012, 12:19 AM UTC

eps wrote: post #6

Which emails clients have you had these tested in?

We just updated the post with a list of email clients we tested! http://zurb.com/article/1119/create-emails-for-any-device-in...

Re: Show HN: Responsive Email Templates

#20

Post by [deleted] » Sat, Dec 01, 2012, 12:22 AM UTC

Samuel_Michon wrote: post #7

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/…

[deleted]