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.
Show HN: Responsive Email Templates
31–40 of 96 posts
Re: Show HN: Responsive Email Templates
#32Earlier 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.
Re: Show HN: Responsive Email Templates
#33And what about real e-mail, e.g. text-based? An e-mail is not a webpage, for me it’s nonsense to put HTML in it.
Re: Show HN: Responsive Email Templates
#34However, 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
#35Re: Show HN: Responsive Email Templates
#36The final conclusion was to stick to table layouts for a few more years. Has this changed?
Re: Show HN: Responsive Email Templates
#37I will definitely considering integrating these into my workflow.
Re: Show HN: Responsive Email Templates
#38http://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.
Re: Show HN: Responsive Email Templates
#39I 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…
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.