A presentation at Tech Talk @ Tagesspiegel by Gunnar Bittersmann
1910 Regensburg, Eröffnung des Donauhafens Dampfer Hebe (gebaut 1905), Flotte der Ersten Donau-Dampfschiffahrts-Gesellschaft
Erste Donau-Dampfschiffahrts-Gesellschaft
Donaudampfschiffahrtsgesellschaft zusammengeschrieben
Donaudampfschifffahrtsgesellschaft heute schreiben wir’s mit 5 F – 4 vor dem „ah“, eins hintern „ah“
Donaudampfschifffahrtsgesellschaftskapitän noch längeres Wort
Donaudampfschifffahrtsgesellschaftskapitänskajüte noch länger
Donaudampfschifffahrtsgesellschaftskapitänskajütentür noch länger
Donaudampfschifffahrtsgesellschaftskapitänskajütentürschwelle ist so ein Ding, wo man leicht darüber stolpern kann (passt nicht in eine Zeile)
darüber geht’s in diesem TIL (today I learned)
Silbentrennung
Trennung an Teilwortgrenzen Setzen von bedingten Trennstrichen (soft hyphens), bei nutzergenerierten Inhalten nicht zu erwarten
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)
Wenn automatische Silbentrennung nicht unterstützt wird (Chrome auf Windows?) …
Umbruch am Zeilenende
Wenn neben der Box noch weiterer Inhalt ist …
… dann soll der Text nicht in die andere Box hineinlaufen …
… oder die Box verschieben, was das Seitenlayout zerstört
CSS IS AWESOME
Präsentation in der Präsentation
Wir sind genau hier.
Blick in die Zukunft
fast am Ende – der Donau: 1928 Russe (Bulgarien) Eildampfer Helios (gebaut 1922) auf seiner Fahrt nach Wien
Donaudampfschiff ahoi!
How to break long compound words (and not the layout)
The following resources were mentioned during the presentation or are useful additional information.
The following code examples from the presentation can be tried out live.
Here’s what was said about this presentation on social media.
