HTML for use in emails
Useful projects
- Antwort (Responsive email templates)
- Background Images
- Bojler
- Bullet proof buttons
- Bulletproof HTML Email Components
- Email Blueprints by MailChimp
- Email Lab Starter Kit for HTML Emails
- Email Standards
- Grunt Email Boilerplate
- heml, quickly craft clean and responsive emails
- Html Email Boilerplate
- mjml a framework that makes responsive email easy
- Open Source Email Templates
- Pulp
- Responsive Email Patterns
- Responsive Email Templates by Zurb
- The Ultimate Guide to CSS
- Zurb Ink
Tools
- Base64Image
- CSS Inliner by MailChimp
- CSS Inliner by Campaign Monitor
- PutsMail sends html mails by Litmus
- The Ultimate Guide to CSS
Inspiration
Lessons
- Use tables and tables only!
- Don't support Lotus Notes, it's even worse then IE6, really.
Html email signatures
- Write html without block elements
- Style them without padding, using breaks and define all font styles
- Inline the CSS
- Copy and paste, finally add the broken image links when needed
- Done!
Online Services
- Bee - Beautiful emails, easy and fast
- Coffeecup Email Designer - Custom crafted email and newsletter creations
- EDMDesigner - Responsive email design made simple
- Email on Acid - Test emails all kinds of clients
- MailChimp - Newsletter subscriptions
- Campaign Monitor - Newsletter subscriptions
- Mad Mimi - Simple Newsletter subscriptions
- Mandrill - Transactional Email from MailChimp
- Litmus - Test and track emails
- Taxi for Email - Make great email campaigns
- Topol - Beautiful emails, easily
Aditional awesomeness
- HTML5 email background - by Litmus
Great articles
- Making responsive HTML emails by Benjy Stanton
- A Bulletproof Guide to Using HTML5 and CSS3 in Email on Litmus
- How to Embed Images in Your Emails: The Facts on SendGrid
- Using Web Fonts in Email on Campaign Monitor
- All You Need to Know About Web Fonts in Email on Campaign Monitor