$30 off During Our Annual Pro Sale. View Details »

TIL how to drop caps

Gunnar Bittersmann
June 11, 2021
Programming
0
18

TIL how to drop caps

Lightning talk über Initiale, den „geteilten Himmel“ und wie awesome CSS ist

Codepens:
drop cap https://codepen.io/gunnarbittersmann/pen/MWpPyjq?editors=0100
initial-letter https://codepen.io/gunnarbittersmann/pen/OJpLzpw

CSS Inline Layout Module Level 3:
5.4. Half-Leading Control: the leading-trim property https://www.w3.org/TR/css-inline-3/#leading-trim
5.2. Inline Box Edge Metrics: the text-edge property https://www.w3.org/TR/css-inline-3/#text-edges

Trailer zu Konrad Wolfs „Der geteilte Himmel - Nach der Erzählung von Christa Wolf“ https://www.youtube.com/watch?v=_0lksaUtfrU

Gunnar Bittersmann

June 11, 2021
Tweet

More Decks by Gunnar Bittersmann

See All by Gunnar Bittersmann
Responsive typography 2
gunnarbittersmann
0
60
Go home, Prettifier, you’re drunk!!
gunnarbittersmann
0
36
3 Fehler sind zu finden
gunnarbittersmann
0
45
TIL that the future :has already begun
gunnarbittersmann
0
46
TIL how to clear floats
gunnarbittersmann
0
42
TIL about showModal (from small things big things one day come)
gunnarbittersmann
0
45
Inclusive Design 24 2022 – Gunnar’s picks
gunnarbittersmann
0
54
The color rebeccapurple
gunnarbittersmann
0
63
Mehrsprachige Websites
gunnarbittersmann
0
64

Other Decks in Programming

See All in Programming
Angular 17 - Rainaissance
gregonnet
0
140
エンジニア秘書が通訳する異文化コミュニケーションのあれこれ / engineer-communication
assu_ming
0
130
Python機械学習勉強会in新潟のロゴが無いので、生成AIで作ってみましょう / osc2023niigata
kasacchiful
0
220
Postman CLI で Integration Test
codemountains
1
300
.NET 8世代のBlazorについて
tomokusaba
0
150
VimConf 2023 Tiny
skanehira
1
220
net/httpからnet.Connを掘り起こす
hiroyaonoe
0
400
ゆめみの Flutter エンジニア育成方法
morikann
0
250
Cloudflare Workers は楽しい！
codehex
8
2.3k
長年運用されている Web サービスと 通信をするクライアントを Go で作ってみた話
commojun
0
350
Accelerating App Dev with Cloudflare Workers
chimame
1
210
生成AI×ノーコード (スピーディーなアプリ開発の新時代)
knr109
3
4.4k

Featured

See All Featured
Navigating Team Friction
lara
177
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
34
2.3k
A Modern Web Designer's Workflow
chriscoyier
688
190k
What's in a price? How to price your products and services
michaelherold
236
10k
Designing the Hi-DPI Web
ddemaree
274
33k
How To Stay Up To Date on Web Technology
chriscoyier
780
250k
The Mythical Team-Month
searls
214
41k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
1.7k
WebSockets: Embracing the real-time Web
robhawkes
58
6.6k
It's Worth the Effort
3n
180
27k
Making the Leap to Tech Lead
cromwellryan
120
8.2k
Fireside Chat
paigeccino
18
2.3k

Transcript

  1. IL
    how to
    drop caps
    T

    View Slide

  2. initials
    drop
    caps

    View Slide

  3. Alphabet
    p-Linie
    Grundlinie
    x-Linie
    H-Linie
    k-Linie

    View Slide

  4. View Slide

  5. p-Linie
    Grundlinie
    x-Linie
    H-Linie
    k-Linie
    Schrift-
    größe
    Älphabet

    View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. View Slide

  10. Christa Wolf

    View Slide

  11. Christa Wolf

    View Slide

  12. Christa Wolf

    View Slide

  13. Christa Wolf

    View Slide

  14. Bundesarchiv, Bild 183-1987-0717-320 / Senft, Gabriele / CC-BY-SA 3.0
    Christa Wolf
    Der geteilte Himmel

    View Slide

  15. Bundesarchiv, Bild 183-1987-0717-320 / Senft, Gabriele / CC-BY-SA 3.0
    Christa Wolf
    Der geteilte Himmel

    View Slide

  16. View Slide

  17. View Slide

  18. CSS
    IS
    AWESOME

    View Slide