TIL über die Donau­dampf­schiff­fahrts­gesell­schafts­kapitäns­kajüten­tür­schwelle

A presentation at Tech Talk @ Tagesspiegel in August 2021 in by Gunnar Bittersmann

Slide 1

Slide 1

1910 Regensburg, Eröffnung des Donauhafens Dampfer Hebe (gebaut 1905), Flotte der Ersten Donau-Dampfschiffahrts-Gesellschaft

Slide 2

Slide 2

Erste Donau-Dampfschiffahrts-Gesellschaft

Slide 3

Slide 3

Donaudampfschiffahrtsgesellschaft zusammengeschrieben

Slide 4

Slide 4

Donaudampfschifffahrtsgesellschaft heute schreiben wir’s mit 5 F – 4 vor dem „ah“, eins hintern „ah“

Slide 5

Slide 5

Donaudampfschifffahrtsgesellschaftskapitän noch längeres Wort

Slide 6

Slide 6

Donaudampfschifffahrtsgesellschaftskapitänskajüte noch länger

Slide 7

Slide 7

Donaudampfschifffahrtsgesellschaftskapitänskajütentür noch länger

Slide 8

Slide 8

Donaudampfschifffahrtsgesellschaftskapitänskajütentürschwelle ist so ein Ding, wo man leicht darüber stolpern kann (passt nicht in eine Zeile)

Slide 9

Slide 9

darüber geht’s in diesem TIL (today I learned)

Slide 10

Slide 10

Silbentrennung

Slide 11

Slide 11

Trennung an Teilwortgrenzen Setzen von bedingten Trennstrichen (soft hyphens), bei nutzergenerierten Inhalten nicht zu erwarten

Slide 12

Slide 12

automatische Silbentrennung: eine Zeile CSS * { -webkit-hyphens: auto; hyphens: auto } dazu erforderlich: Angabe der Sprache beim html-Element <html lang="de"> (sollte man sowieso immer machen, nicht zuletzt wegen Barrierefreiheit: Screenreader)

Slide 13

Slide 13

Wenn automatische Silbentrennung nicht unterstützt wird (Chrome auf Windows?) …

Slide 14

Slide 14

Umbruch am Zeilenende

Slide 15

Slide 15

Wenn neben der Box noch weiterer Inhalt ist …

Slide 16

Slide 16

… dann soll der Text nicht in die andere Box hineinlaufen …

Slide 17

Slide 17

… oder die Box verschieben, was das Seitenlayout zerstört

Slide 18

Slide 18

Slide 19

Slide 19

Slide 20

Slide 20

Slide 21

Slide 21

Slide 22

Slide 22

Slide 23

Slide 23

Slide 24

Slide 24

Slide 25

Slide 25

Slide 26

Slide 26

Slide 27

Slide 27

CSS IS AWESOME

Slide 28

Slide 28

Slide 29

Slide 29

Slide 30

Slide 30

Slide 31

Slide 31

Slide 32

Slide 32

Präsentation in der Präsentation

Slide 33

Slide 33

Slide 34

Slide 34

Slide 35

Slide 35

Slide 36

Slide 36

Slide 37

Slide 37

Slide 38

Slide 38

Slide 39

Slide 39

Slide 40

Slide 40

Slide 41

Slide 41

Slide 42

Slide 42

Slide 43

Slide 43

Slide 44

Slide 44

Slide 45

Slide 45

Slide 46

Slide 46

Slide 47

Slide 47

Slide 48

Slide 48

Slide 49

Slide 49

Slide 50

Slide 50

Slide 51

Slide 51

Slide 52

Slide 52

Slide 53

Slide 53

Slide 54

Slide 54

Slide 55

Slide 55

Slide 56

Slide 56

Slide 57

Slide 57

Slide 58

Slide 58

Slide 59

Slide 59

Slide 60

Slide 60

Slide 61

Slide 61

Slide 62

Slide 62

Slide 63

Slide 63

Slide 64

Slide 64

Slide 65

Slide 65

Slide 66

Slide 66

Slide 67

Slide 67

Wir sind genau hier.

Slide 68

Slide 68

Blick in die Zukunft

Slide 69

Slide 69

fast am Ende – der Donau: 1928 Russe (Bulgarien) Eildampfer Helios (gebaut 1922) auf seiner Fahrt nach Wien

Slide 70

Slide 70

Donaudampfschiff ahoi!