TIL 
about CSS and email clients

051dbe29a972707cde167602b38c9778?s=47 Gunnar Bittersmann
January 13, 2020
Programming
0
33

TIL 
about CSS and email clients

Lightning talk on how (not) to mess up with CSS in email clients

051dbe29a972707cde167602b38c9778?s=128

Gunnar Bittersmann

January 13, 2020
Tweet

More Decks by Gunnar Bittersmann

See All by Gunnar Bittersmann
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
1
9
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
15
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
2
12
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
18
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
43
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
35
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
18
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
27
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
230

Other Decks in Programming

See All in Programming
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
5
3.5k
0b26590a0a8b0f1da140ed5de9b68379?s=48 usamik26
0
120
1763273018a6f71ffe4162dd57b60a56?s=48 maryang
0
410
98ac184c3c4fc1c046fe1f3c669a6746?s=48 y7g
1
140
744a38d972036c3bd0bcdaddafdd5f26?s=48 mathetake
4
2.1k
1b863be3048c82d20ea84abcce33dc36?s=48 schktjm
0
170
Fa54d97af93719f9aa82873de3acb3b3?s=48 decoc
1
460
1a18bf1e50d7d2bdfe52a6c9fceec244?s=48 saiya_moebius
7
1.5k
Acb6390b6c4b5192f40e10601b63dafc?s=48 twkiiim
0
1.2k
6e85e396c2fca10e469e67cbede8104e?s=48 yukikimoto
0
130
D2fa8ba573b0be722502e673e025a96d?s=48 junichiromoro
1
150
A3fabd96e2ca4bee5b0333ff2a640f01?s=48 translucens
2
230

Featured

See All Featured
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
101
4.8k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
154
11k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
202
35k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
333
15k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
78
3.1k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
175
14k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
17
1.2k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
105
9.4k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
195
9.4k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
224
8.2k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
8
940
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
308
21k

Transcript

  1. TIL about CSS and email clients

  2. T-Mobile.pl

  3. font-family: Abril Text font-family: Abril Text; font-variant-numeric: lining-nums tabular-nums font-family:

    Abril Display; font-variant-numeric: lining-nums tabular-nums

  4. font-family: Georgia font-family: Georgia Pro; font-variant-numeric: lining-nums tabular-nums font-family: Comic

    Sans MS; font-variant-numeric: lining-nums tabular-nums

  5. font-family: Georgia font-family: Georgia Pro; font-variant-numeric: lining-nums tabular-nums font-family: Cambria;

    font-variant-numeric: lining-nums tabular-nums

  6. <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <tbody> <tr> {% for

    digit in digits %} {% if loop.last %} <td align="center" class="counter" style="color:#f64040; font-family:Georgia, sans-serif; font-size:220px;"> {{ number }} "</td> {% else %} <td align="center" class="counter" style="border-right:1px solid #898882; color:#f64040; font-family:Georgia, sans-serif; font-size:220px;"> {{ number }} "</td> {% endif %} {% endfor %} "</tr>

  7. <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <tbody> <tr> {% for

    digit in digits %} {% if loop.last %} <td align="center" class="counter" style="color:#f64040; font-family:Georgia, sans-serif; font-size:220px;"> {{ number }} "</td> {% else %} <td align="center" class="counter" style="border-right:1px solid #898882; color:#f64040; font-family:Georgia, sans-serif; font-size:220px;"> {{ number }} "</td> {% endif %} {% endfor %} "</tr>

  8. <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <tbody> <tr style="color:#f64040; font-family:Cambria,

    Times New Roman, serif; font-size:220px"> {% for digit in digits %} {% if loop.last %} <td align="center" class="counter"> {{ number }} "</td> {% else %} <td align="center" class="counter" style="border-right:1px solid #898882;"> {{ number }} "</td> {% endif %} {% endfor %} "</tr> ☠

  9. T-Mobile.pl

  10. HAPPY END