Rechercher
Close this search box.

Fuckin Amazing Tools for Email Designer / Email Coder - Part 02

Heeeeyyyy we left each other not so long ago eh (and on good terms I hope) ! Here it is, as promised, the suite of tools for emailing designers and integrators! I promised you, here it is! I always keep my promises! So, without wasting time, let's continue with the category...

Weight of the HTML file

With Gmail's 102kb limit on HTML file size, it's time to optimize the final weight of your integration to reduce your carbon footprint. What is it? How? Didn't you know that you should try as much as possible to keep your HTML file to 120kb? Well, here it is, it's a gift...

Email Comb

https://emailcomb.com/

A diamond, which will allow you to remove unnecessary CSS of your emailing templates. Class, id, hacks, within the tag, your media queries, or the email body, nothing escapes it. It's quite simple, since I discovered this tool, I use it on all my HTML emailing integrations... It's become a bit like my second companion... I love you baby girl... And in the perspective optimize our carbon footprint in the field of email marketingIt can always be useful!

Html Crush

https://htmlcrush.com/

To remove indentations from your HTML code or line breaks (I strongly advise against it, my friend!)and thus gain the precious sesame to go under the 102ko (if necessary).

CSS support

What CSS properties am I allowed to use? How can I be sure that it is supported by all mail clients on the market? What about browsers? If the apostles nailed Jesus, am I allowed to sand Jonathan? So many unanswered questions...

Can I Use

https://caniuse.com/

A bit off-topic, since the platform relies on the support of modern web technologies depending on the browsers, but it can still be useful...

The Ultimate Guide To CSS

https://www.campaignmonitor.com/css/

A complete description of CSS support for email clients mobile, web, and desktop devices on the planet. A well-written baseline, that goes without saying. If you're coding emails and you've never used this document, check your connection...

Features

How to stand out from the crowd? What features should be included in an email? How to stand out? What experiences can I bring to revolutionize the user experience? This is the question you probably ask yourself every morning, as soon as you wake up. No more stress, there is Point S and the tools below...

Nifty Images

https://niftyimages.com/

If you don't know how to generate your own custom imagess, the countdowns (even if we have already done an article on this subject)s, the real-time snapshots of social networks... This service is for you (and for your wallet).

FreshInbox | Gmail Promotion Tab Markup Tool

https://freshinbox.com/tools/gmailpromotab/

A very malicious way to generate "Promotional cards optimized for Gmail and also optimize the opening of your campaigns... And you are mischievous, aren't you? Moreover, I understood only later that it was a language (SCHEMA) developed by Google and on which you will be able to do many other things, not only promotion cards! Hold the man, here is the docu !

FreshInbox | Carousel

http://freshinbox.com/resources/tools/carousel/

And two for Freshinbox... And I don't get any commission though! Unacceptable... To bring a little animation in an email, other than the easy solution of animated gif, and because you like to take risks and test, again and again! Well, sometimes it doesn't display anything... This can be the case on Orange for example, we wrote an article about it !

FreshInbox | Rollover

http://freshinbox.com/tools/rollover/

And three! I hope they'll realize it anyway, just to get a little envelope to make ends meet... To bring a little animation in an email, other than the easy solution of the animated gif, and because you like to take risks and test, again and again!

Editorial

The text of an email is a fundamental element. The text is of paramount importance in an email, since it will arouse interest in your products, events, articles... Well, I admit that this is not a part where I'm really expert, so I didn't find much... But if you have others, tell me what!

Hemingway App

http://www.hemingwayapp.com/

Accessibility

Accessibility is now one of the points to improve in our email marketing campaigns. But which tools should be used to optimize the reading of emails by screen readers?

Abc Useallfive

https://abc.useallfive.com/

Need help?

Reading content isn't everything. The best way is to talk to us.


Do you think that a red text on a yellow background will be readable? Are you sure? Do a quick test, and compare with other colors to to provide increased legibility for visually impaired people. And don't take it lightly, statistics show that it still represents a significant part of your recipients! (and again, the thing dates from 2011...)

Contrast Checker

https://contrastchecker.com/

Idum

Accessible Email

http://www.accessible-email.org/

A quick and detailed report after analyzing your HTML code to guide you towards improvements to optimize the accessibility of your email campaign? This sentence is difficult to understand? That's normal... In any case, this platform will do it for you...

HTML integration

HTML integration is probably the most complex step in the preparation of an email campaign. Especially for its rendering issues on all email clients. So let's try to make life a little easier, right?

Sublime Text

https://www.sublimetext.com/

A software that is good and practical to take in hand. It will make your life as an integrator easier thanks to its many little tricks, that will save you a lot of timeFor example, the fact that you can have multiple cursors. Or to save predefined pieces of code that you can find with a keyboard shortcut. Or the fact that you can write table>tr>td*3 to get a table with one row and three columns... Gregory preaches the benefits of this at least once a week! (special dedication)

Codepen

https://codepen.io/

This device allows you to code online, save your codes, share them quickly, preview the rendering, indent everything... What more could you want? The participants of the last session of the Coding in HTML for email" training that I animated still remember it...

Webatic

https://www.webatic.com/quoted-printable-convertor

Have you ever retrieved source code from Gmail or Outlook? Tu as réussi à le déchiffrer, avec tout ces « 3D » ou « %20 » partout ? Personally, in these cases, I have a hard time... Webatic will help you, as it helped me. Webatic is your friend. It's simple, there are no words strong enough to describe Webatic... There's the webatic-tartar... The webatic-salmon... The webatic-soup... The webatic-smoke...

AMP & BATs

There is only one way to really test your campaigns: the BATs (for Bon à Tir, you uneducated people!). There is only one way to test AMP4email : the BATs . But the routers do not necessarily accept it. Anyway, we won't go into the famous AMP4Email debate, just know that you can shoot BATs with AMP !

Gmail AMP for Email Playground

https://amp.gmail.dev/playground/

If you haven't coded an AMP version for an email yet, you'll be blown away by these pieces of code and their possibilities (with immediate rendering on preview window). It's crazy-crazy-crazy!

Sendtest

https://sendtest.email/

To send a proof of concept in two steps, and withAMP4email in additionWhat I won't do for you anyway, eh? Well, I'm not the one who developed this tool, but I communicate on it, that's already a lot!

PutsMail

https://putsmail.com/

A service developed by Litmus. Same as Sendtest for the functionalities... But you remove the AMP!

And the supplement...

Slack Email Geeks

https://email.geeks.chat/ & https://emailgeekscommunity.com/

I feel like I'm pushing it, but seriously, there's so much good advice, great discussion, and exchange on this community that I can only recommend it! There is even a whole channel dedicated to emailing tools (#email-tools, I created it!!! If the family!) The only problem is to know how to speak a little English... But only "un poco". But there is a room dedicated to email in France! So what the hell are you waiting for?!!!

Badsender

https://www.badsender.com/ & https://agence.badsender.com/

"For me eh... In two words eh...Above him there is nobody, below him there is nobody..." Boarf, a little self-promotion never hurt anyone... And if you ever want to share this wonderful non-exhaustive list with someone you know (if you are altruistic), don't hesitate to share the article on all possible social networks, by email, by mail, by sms, verbally, by phone, by carrier pigeon, by courier, by registered mail... And if you think of other tools, BAH SAY IT! WE WON'T EAT YOU !!!!!!!!

Share
The author

3 réponses

  1. Thank you for keeping your promise. I appreciate the information you shared about the rest of the tools available to email designers and integrators.
    ?flappy bird

Laisser un commentaire

Your email address will not be published. Les champs obligatoires sont indiqués avec *