Responsive Email Templates
Dev tools
email templates
SHOW HN2012
Legend
Responsive Email Templates
We just updated the post with a list of email clients we tested!
zurb.com310points
93comments
#33of 1,677 in 2012
Top 2%of 2012 by points
How HN took it
DebatedReal support and real criticism
11 positive, 12 neutral or asking, 3 mixed, 11 critical, out of 37 comments about the project. Thread score -0.04.
Execution: 3 for, 6 againstDesign: 4 for, 1 againstIdea: 1 for, 3 againstDocs: 1 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Useful for building HTML email, which is painful to code
From 3 comments
As a web developer who does at the very least one HTML newsletter per month for a client, this is a breath of fresh air. Developing a HTML email is like developing a website in…
DigitalSea on HNThis came at a perfect time for me as I've spent the last week working on designing newsletter templates.
jwarzech on HNgo Zurb! I use Foundation http://foundation.zurb.com/, playground's joyride and icon fonts, I hope these email templates are as good :)
zalew on HN
Looks nice and useful
From 3 comments
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…
vlokshin on HNI 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…
motter on HNI will use them as minimalist/simple website templates lol :)
obilgic on HN
Objections
Many clients like Outlook 2007 not supported or not tested
From 3 comments
If you are sending emails to business clients support for Outlook 2000-2003 & Outlook 2007 is still essential. I'm afraid you need to code them like it's 1999. MailChimp have a…
sambeau on HNI have developed a number of HTML newsletter templates over the years and when I checked their Supported Email Clients table I found that they claim to have not tested these…
gaoshan on HNSo how does these look on Outlook 2000 - 2007? Love the initiative but it's impossible to use a template that doesn't work with Outlook.
emilsundberg on HN
Plain text is better for reading email on mobile
From 3 comments
Am I the only one who is far less likely to read an HTML email? If I see that I need to click to allow external images for my email to load, I'm probably just going to delete it.…
maqr on HNI like Zurb. I like using Foundation. I dislike this. If I'm reading an email I want text.
fourstar on HNI've never come across a website that I felt needed a responsive layout, though I regularly think emails are a pain to read on a phone if they use html. However, most html emails…
chrishenn on HN
Mobile layouts unnecessary since phones can zoom desktop emails
From 1 comment
I just don't see the point in responsive emails at the moment, all of our smart phones have the technology to support big beautiful newsletters that you can get on desktop/web…
smickie on HN
Project page itself is not responsive
From 2 comments
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…
Samuel_Michon on HNLittle ironic that the project's page isn't responsive, especially considering their Foundation framework is a fantastic tool for such tasks (I like it more than bootstrap).…
firefoxman1 on HN
Requests
List of supported email clients
From 2 comments
Looks nice, but the page (or blog post) really needs to list which email clients are supported.
nopal on HNWhich emails clients have you had these tested in?
eps on HN
Send a preview example to an email address
From 2 comments
According to campaign monitor(http://www.campaignmonitor.com/resources/will-it-work/email-clients/), that is 15% not tested 'so far'(support dropped?) Is it worth it? Nonetheless…
muan on HNPerhaps on your homepage you can have an option like "email me a demo now". Looking in the browser doesnt actually help me test the 'email responsiveness'. I'd like an example…
laurencei on HN
Put templates on GitHub
From 1 comment
These look really nice! Thanks :) Would you consider putting them on GitHub? It would be much easier to keep track of them this way.
michaelmior on HN
Questions
How to include the stylesheet, and whether it must be inlined
From 1 comment
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 <link>…
jrochkind1 on HN
Does it work with Outlook 2000-2007
From 2 comments
So how does these look on Outlook 2000 - 2007? Love the initiative but it's impossible to use a template that doesn't work with Outlook.
emilsundberg on HNThese are awesome, but how is the backwards compatibility? I know I've seen coworkers having to deal with old versions of Outlook and Mail.app using terribly outdated rendering…
makmanalp on HN
Alternatives named
Campaign Monitor CSS guide and email clients tool
From 2 comments
If you're designing email HTML from scratch, Campaign Monitor's guide to CSS is incredibly helpful for knowing what to use and what to avoid. http://www.campaignmonitor.com/css/…
kevinconroy on HNAccording to campaign monitor(http://www.campaignmonitor.com/resources/will-it-work/email-clients/), that is 15% not tested 'so far'(support dropped?) Is it worth it? Nonetheless…
muan on HN
Litmus testing
From 1 comment
If you're designing email HTML from scratch, Campaign Monitor's guide to CSS is incredibly helpful for knowing what to use and what to avoid. http://www.campaignmonitor.com/css/…
kevinconroy on HN
MailChimp email-jitsu guide and CSS inliner
From 2 comments
If you are sending emails to business clients support for Outlook 2000-2003 & Outlook 2007 is still essential. I'm afraid you need to code them like it's 1999. MailChimp have a…
sambeau on HNUse the CSS Inliner Tool: http://beaker.mailchimp.com/inline-css Also, read MailChimp's study on responsive emails:…
Samuel_Michon on HN
philwareham/responsive-email template
From 1 comment
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…
motter on HN