Sample email: Sandro

Because Sandro, when you come from Nord-Pas-de-Calais, automatically makes you think of your girlfriend from 4th grade B, aka "Sandra" for the well-spoken. And also to realize that not only is clothing not great for the environment, it's not great for HTML code either. Note the tone sarcastic in the following analysis.

In m-a-on bon-ne ami-e order:

• Here, we don't bother with a preheader: Old-fashioned, with a good old "see online version" - that's what we want, baby!
• No attribute lang with the language set to facilitate accessibility and reading of the content by a screen reader. No, not there, no.
• In the same non-objective: no content for the <title>. What for?
• We call them exotic typefaces (agaramond), but we don't use them. Funnily enough, it overloads the number of useless resources to be downloaded! That's just great!
• Media queries galore! To change line spacing values, internal margins, text sizes... Even though the mobile version of the email is exactly the same as the desktop version... Freestyle cop-ain-ine!
• Tables with empty rows and cells (and attributes heightCSS properties height, font-size, line-height in profusion) to create spacing, margins or borders. I love this way of looking at things! It's not for lack of writing an article on internal and external margins in emails !
• Attributes width on HTML elements <a> I've rarely seen anything like it!
• A <img> in a <a>in a <td>in a <tr>in a <table>in a <td>in a <tr>in a <table>... It's HTML tags time! It's for me, it's a gift!
• Formatting on images but no alternative text entered It's a shame, because the intention was good!
• Cells that are supposed to stack one on top of the other, but - surprise - nothing happens on the move.
• Paintings <table> A single table with rows inside to separate the contents would have been more than enough!
• Text written directly in cells, without using semantic tags such as the <p> : bah ouiiiii, allons-yyyyyy !!!!!
• CSS properties vertical-align on cells <td> when there are no sister cells: I'm appalled...
• Spongy Code with ghost cells for Outlook, but fixed widths for the <table> instead of maximum widths max-width. Nonsense!

And then we're surprised to hear that the weight of the email is too heavy and that it's cut off on Gmail! Bravo, vingt-sur-vingt, vive la France! Well, okay, I'm exaggerating a bit: in this case, the weight of the code (tidied up) is 48kb. But that's no reason! Hey, Sandrô, girlfriend, take the time to browse our guide to email eco-designit won't be lost!

I'm harsh, I think this email was designed from a Builder. But here's my chance to express my reservations about Email builders on the market Take the time to check the generated code to avoid this type of (un)pleasant surprise!

I also understand that the "luxury" and fashion sectors are more graphic when there's a lot of visuals and little text. But a little title with a price underneath the visual (especially when the visual has no alternative text) wouldn't go amiss! I'd like to point out that I can be charming in places other than sanitary facilities...

Finally, I'd like to take this opportunity to point out that I can't find (at all) commitments announced by the brand in this email! Where's the mention of environmental responsibility? And let's talk about respect for people: the model (whom we'll call Sandra) is a little pale in her 37 kilos for 1m87, isn't she? She's on the verge of a nervous breakdown... Hey, hô, Sandrô lô, vins minger eun américain-fricadelle sauce shamouraï à l'baraque lô: t'as qu'eul peau sur tin os! Qu'est-qu'ch'timage qu'tu donnes à l'jeunesse lô!