Responsive Email Design
- Started
- Last post
- 9 Responses
- mekk1
It's still tables and 1999 code but there are some ways to avoid writing that yourself. I use ZURB https://get.foundation/emails.ht…... but haven't looked at other frameworks like it.
Sometimes ZURB's output is a little janky on Outlook but mostly working.
- Ditto. FFE 2 with some custom ESP template code is quite doable.evilpeacock
- formed2
Email is still horribly incompatible. How things show up in Outlook vs. Yahoo vs. Gmail is ridiculous. I gave up on 'pretty' a long time ago and stick to the stupid 600px images and generic layouts. It's the only thing you can rely on.
- You have to write lots of fallbacks into your responsive layout that uses minimal tables. The worst email clients should look "good enough".evilpeacock
- aliastime2
For structural layout, I just stick to tried and tested vendor (ie. Mailchimp, Pardot, Campaign Monitor) responsive templates and populate with images and text.
For nuts and bolts on css support, campaign monitor has an extensive guide that's searchable.
https://www.campaignmonitor.com/…- this.fadein11
- I used to roll with a hand-written custom Campaign Monitor-friendly Foundation For Emails template rig that worked in Outlook etc. and was *fully* brand-able.evilpeacock
- Nairn2
https://tedgoas.github.io/Cerber… perhaps?
- I guess I was looking more for html/css guidelines (now that i'm thinking about it), but this might work well enough if not better, actually. Thank you sir!SteveJobs
- Yeah, actually this is near perfect minus some specific use cases such as order summary components (totals, etc), but it's a solid good start!SteveJobs
- Belongs in the useful thread for suresausages
- utopian2
- Uh... "AMP Email"? If that's Google's AMP stay far away!evilpeacock
- slinky0
you'll want to get into this slack group
https://email.geeks.chat/
- SteveJobs2
Well, just hit another jackpot of a resource:
Mailchimp template resources
https://templates.mailchimp.com/…--------------------------------...
Email Bluprints (templates)
https://github.com/mailchimp/Ema…Email Client CSS Support
https://templates.mailchimp.com/…CSS Inliner Tool
https://templates.mailchimp.com/…HTML to Text Email Converter
https://templates.mailchimp.com/…--------------------------------...
sad how so far behind email is, standards-wise.
- evilpeacock0
For years I heard the Pine framework was the way-to-go, but I had no issues with Foundation for Emails 2 so I never switched.
- Cosmodrome1
Very similar to the one utopian posted. Love it.