The document discusses best practices for designing responsive emails, including:
1. Gathering content and sketching wireframes before designing.
2. Keeping designs simple with 1-2 columns and generous spacing for mobile.
3. Inline CSS is required because some email clients strip <style> tags.
4. Tables are recommended for layouts because Outlook has poor CSS support.
4. Design Process
1.Gather content
2.List elements on paper
3.Sketch wireframes
4.Mock-up design
5.Write the code
6.lnline CSS
7.Test in web browsers
8.Test with real email clients
9.Test and Test
10.Lift-off !!!
18. Media Query Support in
Email Clients
https://litmus.com/blog/understanding-media-queries-
in-html-email
19. Checklist
Check you have include alt text
Remove unused css
Optimize image
Check email with images turned-off
Check images and links have absolute paths
37. Email client market share
https://emailclientmarketshare.com/
Responsive Email resources:
http://responsiveemailresources.com/
Slide share:
https://www.slideshare.net/secret/bqAfYEmEzBf0jn
http://www.slideshare.net/benjystanton/responsive-html-emai
Media query issues in yahoo mail mobile email
https://www.campaignmonitor.com/blog/post/3457/media-query-issues-in-yahoo-mail-
mobile-email/
creating a centre responsive design without media queries
https://www.campaignmonitor.com/blog/post/4240/creating-a-centred-responsive-design-
without-media-queries