Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
TIL about CSS and email clients
Gunnar Bittersmann
January 13, 2020
Programming
0
60
TIL about CSS and email clients
Lightning talk on how (not) to mess up with CSS in email clients
Gunnar Bittersmann
January 13, 2020
Tweet
Share
More Decks by Gunnar Bittersmann
See All by Gunnar Bittersmann
gunnarbittersmann
0
39
gunnarbittersmann
0
15
gunnarbittersmann
0
11
gunnarbittersmann
1
29
gunnarbittersmann
0
31
gunnarbittersmann
2
17
gunnarbittersmann
0
24
gunnarbittersmann
0
50
gunnarbittersmann
0
58
Other Decks in Programming
See All in Programming
77web
0
210
hr01
1
1.2k
wasabeef
1
560
akkeylab
0
340
malvinstn
1
630
nbkouhou
1
1.1k
kazuki19992
0
440
shigeruoda
0
470
kyonmm
2
2.1k
sullis
0
120
hanakla
2
3k
blendthink
0
410
Featured
See All Featured
philhawksworth
192
8.8k
addyosmani
1348
190k
brettharned
93
3k
zakiwarfel
88
3.3k
geoffreycrofte
18
780
revolveconf
200
9.6k
jmmastey
9
530
jacobian
255
20k
kneath
219
15k
edds
56
9.3k
frogandcode
127
20k
reverentgeek
168
7.1k
Transcript
TIL about CSS and email clients
T-Mobile.pl
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
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
font-family: Georgia font-family: Georgia Pro; font-variant-numeric: lining-nums tabular-nums font-family: Cambria;
font-variant-numeric: lining-nums tabular-nums
<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>
<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>
<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> ☠
T-Mobile.pl
HAPPY END