Live data from Hacker News

Show HN: Responsive Email Templates

zurb.com

31–40 of 96 posts

Re: Show HN: Responsive Email Templates

#31
post #22

Earlier quoted context omitted.

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

keep up the good work. btw you forgot to tweet it on @foundationzurb, only on @zurb.

Done as well! Thanks for the heads-up.

Re: Show HN: Responsive Email Templates

#32
post #30
post #26

Earlier quoted context omitted.

In theory. Not always in practice.

what do you mean? it's all in 'saved'. btw try https://bitbucket.org/zalew/hackernews if you want to crawl it to save elsewhere.

If you click on your own name and then click on "saved stories", in theory it shows you stories you upvoted. Mine is currently blank: http://news.ycombinator.com/saved?id=Mz I have seen others report problems as well. So I don't rely on that supposed feature.

Re: Show HN: Responsive Email Templates

#34
I'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 are marketing emails, so I'm still not sold of the idea of responsive templates. The emails I really care about are plaintext (the best type of responsive design---so simple!)

Re: Show HN: Responsive Email Templates

#36
These 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 engines, not to mention strange-ass quirks that are even harder to test for than browsers. Web based clients are their own mess. Some escape certain things, some don't.

The final conclusion was to stick to table layouts for a few more years. Has this changed?

Re: Show HN: Responsive Email Templates

#37
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 1995. No Javascript, flaky support for most CSS attributes, the fact you have to use tables for layout, the fact you have to use a premailing tool to bring all CSS inline to work correctly (especially for clients using Lotus Notes 6...) they're a pain in the ass.

I will definitely considering integrating these into my workflow.

Re: Show HN: Responsive Email Templates

#38
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/

I've also found Litmus to be an incredible resource for cross-client test (Outlook vs Gmail vs Yahoo! vs ....). If you send a lot of emails as a part of your user retention strateg it's vital that you test this. You'll be amazed at how different they look and how a few hours of tweaking can optimize things across a large number of clients.

http://www.litmus.com

Re: Show HN: Responsive Email Templates

#39

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…

When developing a HTML email it's best to have style tags at the top and not link to them using because the way HTML email works and various clients, you have to bring the CSS inline for it to work properly across different email clients anyway.

It's a trial and error process. Build HTML emails using tables for as much as possible, you can't use background images just background colours, don't rely on floats or other common CSS properties (even using height or width in your CSS isn't as supported as well as you'd think) and the number one thing to remember is: the day a client complains it doesn't look good in Lotus Notes, you will want to throw your computer out the window and become a farmer because it's never going to work in Lotus Notes.

Always make sure your images are set to display block to fix issues with various email services like Windows Mail and Yahoo! Mail. If you need to set them side-by-side, add in another td inside of your table row.

Always make sure you write alternative text for images. Most email clients are set to not to display images in emails unless told otherwise. Another convenient feature not many know about is that you can style the alt text that shows. — doing this ensures even if someone without images still sees something that doesn't look like hideous empty squares.

With later versions of Outlook, Microsoft also stripped back support for various CSS attributes and HTML tags compared to previous version so you'll find you will encounter a lot of frustration with that as well.

Post reply on HN