DEV Community

Do you spend a lot of time creating HTML emails?

Aslam Shah on September 15, 2020

As a developer, I always came across creating bulletproof emails that should look awesome in every email client. But it takes up more time than nee...

Read full post

JulianRochsas • Oct 23 '20

Thanks a lot. Its helpful

Ian B • Sep 16 '20

Nice work dude, I was surprised to see that viewing the HTML was free <3 I don't write much email templates these days but whenever I did I just looked at example code from emails on reallygoodemails.com/.

Aslam Shah • Sep 17 '20

Thanks, and Yes you can use the HTML versions for free.

ender minyard • Sep 15 '20

great project 💡

Andrew Baisden • Oct 13 '20

Those are some nice clean designs. Still waiting for email development to become modern so that the usage of tables is reserved for actual tables and not the design 😂

Aslam Shah • Oct 13 '20

Hopefully in this lifetime . (Outlook 🤭)

Patrick Tingen • Sep 16 '20

Wow, these are awesome. Currently, we just generate plain text mails for our users, but this looks waaaaaay better.

Chuks Adirije • Sep 16 '20

Wow! Amazing stuff!

Writing emails has always been a hassle for me, now, it just got better and easier. I'm going all in.

Thanks, @hunzaboy !

Aslam Shah • Sep 17 '20

I am glad you found it useful. 😊

Aslam Shah • Sep 16 '20

Thanks and Do share your feedback :)

Nikola • Sep 16 '20

For what are there so many :root ... { display: none !important; } items in head? I have never seen someting like that?

Aslam Shah • Sep 17 '20

Hey Nikola, what template are you refering to? I can give you better explanation based on the template. 😊

Nikola • Sep 17 '20

Every one I have open, e.q. Welcome Email
code goes like

<style type="text/css">:root topadblock, :root script[src^="http://free-shoutbox.net/app/webroot/shoutbox/sb.php?shoutbox="] + #freeshoutbox_content, :root input[onclick^="window.open('http://www.FriendlyDuck.com/"], :root img[alt^="Fuckbook"], :root iframe[src^="http://static.mozo.com.au/strips/"],
 :root iframe[id^="google_ads_iframe"], :root div[jscontroller="U835zd"] + c-wiz[jsrenderer="YnuqN"], :root div[id^="zergnet-widget"], :root div[id^="traffective-ad-"], :root div[id^="sticky_ad_"], :root div[id^="q1-adset-"], :root div[id^="proadszone-"], :root div[id^="mainads"], :root 
div[id^="lazyad-"], :root div[id^="gtm-ad-"],.......

Aslam Shah • Sep 17 '20

Ahh, it's something added by an extension you are using. 😊 You can check the github repo for the actual html versions.

FYI: I don't have any ad in the website so I am not sure why it is even added there.

Calum Johnson • Sep 15 '20

Looks neat!

There's a typo on one of the cards btw, out instead of our- "All out templates...".

Aslam Shah • Sep 16 '20

Thanks :)