Creative #Email Geekery at Its Best! – The Drop Calc Method to Create Responsive HTML Emails

//Creative #Email Geekery at Its Best! – The Drop Calc Method to Create Responsive HTML Emails

Creative #Email Geekery at Its Best! – The Drop Calc Method to Create Responsive HTML Emails

Gyula Németh, Co-founder & CTO @ EDMdesigner.com was inspired by Rémi Parmentier’s Fab Four technique to create responsive emails without media queries. This inspiration led to the ‘DROP CALC’ method:

(Thank you both for sharing this wonderful information!)

The Basic Idea

So what happens if we put width: calc(50%) in an inline style?

Well, if the email client supports it, then the calculated value will be applied. If it does not support it, then something else will be applied, for example, the width=”100%” attribute. (This very scenario happens with those email clients which strip out the style tag from the HTML.) It means that we can support old Android & Gmail clients, but it’s still not enough.

Another scenario is that the style tag is supported, but the calc function is not. In this case, the width: calc(50%); in the inline style will also be dropped, so the with from the class will be applied.
This is why I call it The Drop Calc Method.

The basic rule in HTML & CSS is, that an attribute on a tag is weaker than…” CONTINUE READING

By | 2017-04-15T04:35:09+00:00 April 15th, 2017|Email Marketing|Comments Off on Creative #Email Geekery at Its Best! – The Drop Calc Method to Create Responsive HTML Emails

About the Author:

The owner of this blog is not compensated to provide opinion on products, services, websites, or any other topic. The views and opinions expressed here are purely subjective and based upon my training and experience. Any product claim, statistic, quote, or other representation about a product, service, or strategy should be verified with the information source or service provider. This blog claims no credit for any images posted on this site unless otherwise noted. Images on this blog are copyright to their respectful owners. If there is an image appearing on this blog that belongs to you and do not wish for it appear on this site, please click here to email us URL link to image and it will be promptly removed. This blog does not contain any content which might present a conflict of interest. This blog is a personal blog written and edited by Justin Hipps, MBA. This blog accepts forms of cash advertising, sponsorship, paid insertions or other forms of compensation. The compensation received will never influence the content, topics or posts made in this blog. All advertising is in the form of advertisements generated by a third party ad network.