Upgrade to Pro — share decks privately, control downloads, hide ads and more …

TIL 
about CSS and email clients

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

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
0
3
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
3
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
7
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
2
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
3
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
5
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
7
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
8
051dbe29a972707cde167602b38c9778?s=48 gunnarbittersmann
0
6

Other Decks in Programming

See All in Programming
38b49a5fa7e0519f2919ac342a463980?s=48 marcobrador
0
230
1d42b38276c3d2c7cc931fa444c13488?s=48 nasum
18
6k
8d7983d03db1fb756ccdbcbf7b760f98?s=48 yamada1826
0
220
0c217b9a7dd0aa31ed40bd0f453727e1?s=48 ramsey
PRO
0
500
Cad656ed619672b702191833dc819943?s=48 daikurosawa
0
870
Ab1b72230a5b6ddc97322af27ad91618?s=48 ohayoukenchan
0
410
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
1
300
B05baacb6000fe55fe558ce75aa9bc74?s=48 jdkfx
0
110
3c7020b33ae8880dd9514b6469a28ae0?s=48 yt8492
1
130
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
2
410
923b578031e1a6393f93ff3a8355b594?s=48 io3110
0
130
2c0947c6a28e7f771ebd9859ecf54e5c?s=48 shinyorke
0
480

Featured

See All Featured
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
92
4.1k
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
58
3.7k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
448
36k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
180
14k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
22
1k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
364
63k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
10
1k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
74
1.6k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
482
150k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
35
3.7k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
277
17k

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