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

TIL 
about CSS and email clients

Gunnar Bittersmann
January 13, 2020
Programming
0
94

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

More Decks by Gunnar Bittersmann

See All by Gunnar Bittersmann
TIL about showModal (from small things big things one day come)
gunnarbittersmann
0
5
Inclusive Design 24 2022 – Gunnar’s picks
gunnarbittersmann
0
8
The color rebeccapurple
gunnarbittersmann
0
6
Mehrsprachige Websites
gunnarbittersmann
0
11
TIL about -starting -blocks
gunnarbittersmann
0
5
TIL about hyfunation
gunnarbittersmann
0
9
TIL about font subsetting₂
gunnarbittersmann
0
4
TIL warum nicht GROẞ
gunnarbittersmann
0
3
TIL about cards
gunnarbittersmann
1
5

Other Decks in Programming

See All in Programming
Hasura の Relationship と権限管理
karszawa
0
170
TypeScript 4.9のas const satisfiesが便利
tonkotsuboy_com
9
2.3k
ECS Service Connectでマイクロサービスを繋いでみた
xblood
0
530
ipa-medit: Memory search and patch tool for IPA without Jailbreaking/ipa-medit-bh2022-europe
tkmru
0
130
量子コンピュータ時代のプログラミングセミナー / 20230119_Amplify_seminar _shift_optimization
fixstars
0
180
Azure Functionsをサクッと開発、サクッとデプロイ/vscodeconf2023-baba
nina01
1
330
子育てとEMと転職と
_atsushisakai
1
340
コンピュータビジョンセミナー2 / computer_vision_seminar_libSGM
fixstars
0
320
Functional Data Engineering - A Blueprint for adopting functional principles in data pipeline
vananth22
0
180
和暦を正しく扱うための暦の話
nagise
10
5.9k
CDKでValidationする本当の方法 / cdk-validation
gotok365
1
200
Swift Concurrency in GoodNotes
inamiy
4
1.3k

Featured

See All Featured
Side Projects
sachag
451
37k
Web development in the modern age
philhawksworth
197
9.6k
The Language of Interfaces
destraynor
149
21k
Building Adaptive Systems
keathley
27
1.3k
Clear Off the Table
cherdarchuk
79
290k
No one is an island. Learnings from fostering a developers community.
thoeni
12
1.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
13
1.1k
We Have a Design System, Now What?
morganepeng
37
5.9k
The Straight Up "How To Draw Better" Workshop
denniskardys
226
130k
Imperfection Machines: The Place of Print at Facebook
scottboms
254
12k
Support Driven Design
roundedbygravity
88
8.9k
Stop Working from a Prison Cell
hatefulcrawdad
263
18k

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