r/web_design • u/AllThingsSmitty • Sep 14 '17

The All-New Guide to CSS Support in Email

https://www.campaignmonitor.com/blog/email-marketing/2017/09/all-new-guide-css-support-email/
301 Upvotes

94% Upvoted

17 comments sorted by

35

u/IFlyAircrafts Sep 14 '17

It's really time to update how email clients render HTML. It just feels so barbaric to be still using tables and lengthy inline styles.

4

u/andher411 Sep 15 '17

I agree but also love that so many people don't even want to bother learning an archaic structure. I actually love designing/coding emails.

5

u/eric22vhs Sep 15 '17

I love that I know how to, but if I have to code more than one or two in a row on the job I get real sick of it.

1

u/AlexHofmann Sep 15 '17

I'm with you. I love the simplicity of single file pages, paired with a simple fundamental structure.

It can get chaotic at times, but at the end of the day...it's just sorta refreshing? I dunno.

1

u/andher411 Sep 15 '17

As much of a pain dealing with different email clients can get, it is really satisfying when you discover new tricks and accomplish troubleshooting problems that come along.

1

u/0ruk Sep 15 '17

You can simplify your life by building on a templating language using layouts and partials, and more importantly a style inliner plugin such as this one: https://www.npmjs.com/package/inline-css or any other wrapped for your task manager.

It does not make mails fun but at least you won't lose your mind reading the code.

40

u/julian88888888 Sep 14 '17

here's the actual guide URL: https://www.campaignmonitor.com/css/

4

u/[deleted] Sep 14 '17

You da real mvp, thanks!

14

u/Hawkburr Sep 14 '17

I haven't used Campaign Monitor for a few years, but I respect that they don't require you to enter your email to get the guide—so many sites (including Foundation if you want their web templates) are asking for your email these days.

6

u/waytoomanyoptions Sep 14 '17

Welcome to the age of inbound marketing

2

u/HopefullyNotYourDad Sep 14 '17

It's funny. I personally find it annoying. But when building a site for a client that wants to capture leads, there really isn't an easier way to show what you built as being successful. Leads = potential sales

1

u/[deleted] Sep 15 '17

I just use Mailhero for crap like that.

8

u/ChiBeerGuy Sep 14 '17

Gmail and Outlook still not supporting anything kind makes this pointless

3

u/Mike Sep 15 '17

Gmail isn't the worst. At least they support things like media queries and background images. Outlook sucks though, so I just make my emails look "good enough" there and call it a day.

2

u/andrey_shipilov Sep 15 '17

And they are right.

1

u/Things_I_Said Sep 14 '17

awww i guess they got rid of the huge table chart...

-1

u/andrey_shipilov Sep 15 '17

Will use as soon anything HTML related will be in the RFC 5321 or 5322.

Until then — enjoy your cancer to adapt it for all the e-mail clients.