Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
TIL about CSS and email clients
Search
Gunnar Bittersmann
January 13, 2020
Programming
0
140
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
Responsive typography 2
gunnarbittersmann
0
84
Go home, Prettifier, you’re drunk!!
gunnarbittersmann
0
62
3 Fehler sind zu finden
gunnarbittersmann
0
88
TIL that the future :has already begun
gunnarbittersmann
0
68
TIL how to clear floats
gunnarbittersmann
0
67
TIL about showModal (from small things big things one day come)
gunnarbittersmann
0
74
Inclusive Design 24 2022 – Gunnar’s picks
gunnarbittersmann
0
69
The color rebeccapurple
gunnarbittersmann
0
88
Mehrsprachige Websites
gunnarbittersmann
0
81
Other Decks in Programming
See All in Programming
Harnessing Large Language Models for Training-free Video Anomaly Detection
tereka114
1
1.3k
小さな開発会社を作った理由
polidog
0
1.9k
実用的かつリーズナブルな 「Azure × Gemini × LINE」~キャラクターBot 実装ライブデモ~
tomodo_ysys
1
170
Microservices rules (July 2024) : what good looks like
cer
PRO
0
1.6k
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
81k
Activities at Cairo Library
cairolibrary720
0
1.2k
Temporalを取り巻く仕様を整理する
sajikix
0
110
Rustのweb開発を助ける 便利なツール紹介
yuki0418
1
190
3 Effective Rules for Success with Signals in Angular
manfredsteyer
PRO
0
120
DynamoDB コスト最適化っぽいことの基本 with Terraform
kuro_kurorrr
2
250
Architectures with Lightweight Stores: New Rules and Options
manfredsteyer
PRO
0
100
みんなのオブザーバビリティプラットフォームを作ってるんだがパフォーマンスがやばい #mackerelio #srenext
ne_sachirou
0
370
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
227
17k
YesSQL, Process and Tooling at Scale
rocio
166
14k
Why Our Code Smells
bkeepers
PRO
332
56k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
Fireside Chat
paigeccino
25
2.8k
BBQ
matthewcrist
82
9k
In The Pink: A Labor of Love
frogandcode
139
22k
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
Raft: Consensus for Rubyists
vanstee
134
6.5k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
The Power of CSS Pseudo Elements
geoffreycrofte
64
5.2k
Side Projects
sachag
451
42k
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