Helpful Resources For Designing & Coding E-Newsletters
We’ve been working on a lot of HTML E-Newsletters lately and thought we would share some of the helpful resources we have found over the past few weeks. Leave a comment and let us know if we missed anything!
1 Beautiful Email Newsletters Gallery
http://www.beautiful-email-newsletters.com/
BEN is a gallery site decidicated solely to email newsletters. Great source for inspiration if you are looking to break outside the normal ‘mold’ of newsletter designs.
2 Mailchimp Email Templates
http://www.mailchimp.com/resources/html_email_templates/
I’ve been using these basic templates from MailChimp for a while. They take the guesswork (and time) out of creating a basic layout for your newsletter. Great way to get a head start on your e-news project.
3 Litmus
The most difficult aspect of coding e-newsletter is making it look nice in each email client. This is far more dificult than wrestling with IE6. Most of us dont even have access to all the email clients that exist. This is where Litmus steps in. Litmus will render your email in:
- Apple Mail 3
- Apple Mail 2.1
- Lotus Notes 8
- Lotus Notes 7
- Lotus Notes 6.5
- Outlook 2007
- Outlook 2003
- Outlook 2002/XP
- Outlook 2000
- Thunderbird 3.0 Beta
- Thunderbird 2.0
- AOL Mail
- Gmail
- Gmail (older version)
- Live Hotmail
- Mail.com
- Mobile Me
- Yahoo! Mail
- Yahoo! Mail Classic
4 Email Standards
http://www.email-standards.org/
Want to know why Gmail is eating your lovely background images? Or why is apple mail 3 not supporting inline css? Check out The Email Standards Project and find out about all those lovely quirks of almost every email client (desktop and web) under the sun.
What resources do you recommend?
Leave a comment and let us know if we missed anything or if you have a favorite resource for E-newsletter design and coding.
2 Comments to Helpful Resources For Designing & Coding E-Newsletters
Leave a comment
Brunello on Twitter
Check out some of our latest Drupal development work: http://t.co/LarRYKKb, http://t.co/gCusK4Pt, http://t.co/SUFr6lZp, http://t.co/kKX67C8F
Archive
- February 2012 (1)
- January 2012 (5)
- December 2011 (2)
- November 2011 (2)
- February 2011 (2)
- October 2010 (1)
- September 2010 (2)
- August 2010 (2)
- June 2010 (2)
- April 2010 (2)
- March 2010 (2)
- December 2009 (2)
Tag Cloud
- Marketing Web Analytics SEO Social Media Web Design Apple branding css Drupal Google Analytics Portfolio Quick Tips blogging Browsers Brunello Creative Design jQuery Logos Men's Health search results Steve Jobs Webby Awards .net analytics Birthday Boston Marathon Bruno bugs Captcha Children's Health Chrome click heat CMS coding for email Content Management Systems Conversions crazy egg CSS3 Cufon Customer Service design trends dymanic font replacement e-newsletter Ecommerce email clients email newsletter enews Front End Design google heatmapping height html email Humor identity Internet istock istockphoto javascript keyword linux logo design Men's Health Living on page seo on page seo tips performance php ppc Pray For Steve pressflow Progressive Enhancement quantcast rankings Rodale Safari search experience smartphones Spam stock logos Tools traffic Twitter typekit typography Useability web hosting Web Security web server Web Standards Web Statistics web typography webby webfonts website optimization Women's Health woopra
Inbox Award http://inboxaward.com and Campaign Monitors Gallery http:///www.campaignmonitor.com/gallery/
Thanks for sharing! I’m new(ish) to designing for email, but this page from Net Tuts+ has been really handy!
http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/