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
. 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
height
CSS propertiesheight
,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 widthsmax-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ô!