Here is a massive collection of resources about Emailing Responsive Design. Sorted in 9 categories, these links are supposed to enhance your research and your work. I hope you will appreciate them, you will add them to your favorites and you will share this page.
+90 links for your RWD emailing
The ressources
Design
- Photoshop
- Style Tiles
- Gimp
- Invision App
- GuideGuide: plugin de guidage pour Photoshop
- Lettering.js jQuery plugin
- FitTex: jQuery plugin
Text editors & plugins
- Sublime Text
- Notepad++
- Coda
- TextMate
- Brackets
- Emmet
- CodeKit
- LiveReload
- Emmet LiveStyle
- Litmus Builder
- Word to clean HTML
Preprocessors & Tools
- Sass: CSS Preprocesseur
- LESS
- MailChimp CSS Inliner
- Premailer
- Premailer Ruby Gem
- Ink: style inliner
- GruntEmail
- Fluid 960 Grid System
- Convert px to em
- Bulletproof Email Background Images
- Image-Less Buttons
- Placeholder Images
Frameworks & Templates
- Cerberus
- Sculpt
- Zenith Framework
- Mailchimp: Email Blueprints
- Ink
- Antwort
- Stamplia Email Templates
- Zurb: Responsive Email Templates
- Campaign Monitor: Template Builder
- Middleman
- DEG’s Middleman Email Template
- Middleman HAML Email Template
Test
Project Management
Tutorials & Guides
- Real challenges of Responsive Email
- Intégrer une vidéo dans votre emailing
- Build Responsive Email: Tutorial
- Create a simple email Responsive
- le guide how-to de l'email Responsive
- Campaign Monitor: Guide de l'Email Responsive Design
- Choreograpie du contenu dans l'Email Responsive
- Email Responsive: Support
- MailChimp: Email Design Reference
- Cacher un élément sur la version mobile
- Campaign Monitor: The Ultimate Guide to CSS
- Litmus: Mobile Email Compatibility Guide
- StyleCampaign: Responsive email navigation
- Mobile Email: How Devices, Operating Systems, Apps and Engines Affect Rendering
- HTML Email Boilerplate
Presentations
- Responsive Email Design
- Why you should add video ?
- Les français et l'emailing en 2013
- Designing for the Mobile Inbox
- Mobile Email (Why, What & How)
- Email Strategy & Design for a Multiscreen World
- Litmus: Mobile Email Master Class
- STYLECampaign: Responsive Email Design
- Creating a Responsive HTML Email
- Coding for Responsive Email
- Responsive HTML Emails: a Different Strategy
Case Studies & Stats
- The Benefits of Responsive Email Design: A Crocs case study
- Deckers
- Why Responsive Email? Making A Case Internally
- PGE’s Move To Responsive Email Design
- Adpating to a Multi-Device World: A Utility Company's Perspective
- It’s time for responsive email design
- Designing effective notification emails
- Building a System for Responsive Email
Conclusion
Well... let's enjoy theses fantastic ressources and let's start to create awesome emailing for a better user experience.
Don't hesitate to add yours in comment below (you know some, isn't it?)
Thanks for sharing!
{loadnavigation}
