We didn't want to launch "just another template gallery", like many others, so we've made these open source. Contribute a pull request on github, we'll merge it, run it through Litmus and make sure it's still responsive. You can read about it on the 'about' page
If you're using the templates to send email, no attribution is required.
Chuffed to see you using Litmus, too!
We like the idea of "purpose driven" templates, and that's why we've designed that way. Who thinks "I want a 3 column email template"? Most people think "I need to send a notification email". That's what we tried to design for.
People who send out monthly e-mail newsletters and the like. Sadly, that's a use-case that isn't really included.
Other than that - very nice approach.
Yep, all the branded shenanigans and responsive mumbojumbo doesn't necessarily beat just sending an email in its native form.
As it turns out, most of the logos and branding are self serving and nobody cares. Many of the most profitable email lists on the internet have no style at all, are long form text, have plain blue links, and they make millions of dollars in sales.
This is a cool project, but don't forget to treat email in its native form.
If you're emailing developers, keep it clean/plain. Many consumers appreciate if an email "looks/feels like the website".
I think you'd be surprised to see how different customers respond to different styles and types of email.
Sadly, email design is like travelling to a twisted dimension.
The most effective markup for layouts are the dreaded tables, the most effective way to style your markup is with inline styles, and the most used email client (Microsoft Outlook 2007~13) has an engine exponentially worse than Trident from Internet Explorer 6.
And don't get me started with Android/Gmail because Google seems devoted in beating Microsoft with the worst experience for email design.
While it's true that you need to rely on tables, some HTML attributes, and a lot of inline styles - we routinely use classes, media queries, and CSS3 in our emails at Litmus. We've even pulled off HTML5 video backgrounds and some cool stuff with CSS3 animations. All in email.
Outlook definitely has issues, more recently with rendering in Outlook.com, but they are known issues—most with quick fixes.
More importantly, there are a ton of great resources out there. At Litmus, we actually started a community around email design to help people learn and troubleshoot (https://litmus.com/community). If anyone's interested, here are some good email design resources:
Responsive Email Patterns - http://briangraves.github.io/ResponsiveEmailPatterns/
Responsive Email Resources - http://responsiveemailresources.com/
Action Rocket Labs blog - http://labs.actionrocket.co/
Campaign Monitor CSS Support Guide - https://www.campaignmonitor.com/css/
MailChimp Email Design Reference - http://templates.mailchimp.com/
Hell, I even wrote a book on responsive email design (http://modernhtmlemail.com).
Email is definitely its own, weird world - but it's a world that is improving and growing every day. More importantly, it's a world filled with dedicated and clever people that are refining techniques, building tools, and sharing knowledge to make working with email easier than ever.
In the browser I already got my peace of mind back when it comes to cross-browser compatibility, because I can design a website in the browser of my choice, and when I test in other browsers, most of times there are no issues, or the issues are too minimal to get upset by having to fix them.
It's cool to have a place with an active community where someone can find tools, resources, workarounds, etc., but that is just a way to alleviate the problem.
An e-mail standard proposal already exists, but providers (especially Google) doesn't seem too motivated to adhere to that standard :/...
But at least there are some nice tools that lessen the pain :)
The only thing that I found worked reliably was juice, which is a node.js library.
Plus, these templates look pretty slick.
The process of going from the Zurb template to something you might want to actually use often means people break the responsive elements of the template -- something we're hoping to avoid with this template gallery.
I'll take a closer look at these templates. Thanks.
I also released one based on the template we use at Litmus to accompany an article in A List Apart.
Article - http://alistapart.com/article/can-email-be-responsive
Template - https://github.com/alistapart/salted
On this topic does anyone have any trick suggestion beyond the obvious (spf, dkim, etc) to keep emails away from Microsoft’s junk mail filter?
The emails I send are not newsletter, just invoices and the like. They go through fine to gmail, yahoo, etc, but for no known reason Microsoft’s useless filters marks them as spam. Of course the average hotmail user never thinks to look in their junk mail folder no matter how many times they are told :(