Peter-Paul stellte diese Frage
Welches der Beispiele im Bild haltet ihr für korrekt?
Wenn Sie sich gut mit CSS auskennen, antworten Sie nicht, sondern retweeten Sie.
Wenn Sie CSS nicht gut können, antworten Sie bitte auf die Umfrage im nächsten Tweet. pic.twitter.com/4bgnf9Wdkc
— ppk 🇪🇺 (@ppk) 17. Juni 2019
Beachten Sie die interessante Einschränkung: Stimmen Sie nur in der Umfrage ab, wenn Sie CSS *nicht* gut können.
Die Siegerantwort war D! Man fragt sich, ob das Ergebnis anders gewesen wäre, wenn die Bitte um Antworten von Nicht-CSS-Experten nicht da gewesen wäre.
Ich denke, ich kenne CSS ganz gut, also habe ich nicht abgestimmt. Mein Gehirn denkt so:
- Ich denke, er fragt "standardmäßig", also kann die Antwort davon ausgehen, dass kein anderes CSS etwas mit diesem Text macht.
- Ich wünschte, ich *wüsste, warum* die Box diese spezielle Breite hat, aber ich nehme an, es ist eine feste
width. - Es ist nicht B, weil Ellipsenzeug zusätzlichen Aufwand erfordert und nicht mehrzeilig funktioniert — es sei denn, wir sprechen von Zeilenbegrenzung, was noch seltsamer ist.
- Es ist nicht C, weil das Verstecken von Überlauf erfordert, was nie wirklich ein Standard ist — außer vielleicht oben und links vom Browserfenster. Oder in einem iFrame.
- Es ist nicht D, weil Wörter sich nicht einfach so umbrechen, es sei denn, man macht ziemlich spezifische Dinge.
- A ist tatsächlich vernünftig. Es ist seltsam anzusehen, aber ich beschäftige mich mein ganzes Berufsleben mit Dingen, die aus Containern ausbrechen. So ist das Leben.
Denken Sie daran, wir haben uns CSS IS AWESOME bereits ausführlich angesehen und wie es auf interessante Weise die Seltsamkeit von CSS einfängt.
Ich glaube, es entspringt dem Glauben, dass die Box eine Seite ist und Text umbrechen sollte, wenn er eine Grenze erreicht.
Sobald ich den Beitrag sah, wusste ich, dass die richtige Antwort 'A' sein würde, weil es ein so gängiges CSS-Problem ist, mit dem wir alle schon zu tun hatten. Aber als ich sah, dass Peter-Paul Antworten von Leuten ohne CSS-Erfahrung einholte, wusste ich in meinem Herzen, dass sie überwiegend 'D' wählen würden.
Es ist ein interessantes Experiment...
Benutzer (Personen ohne CSS-Erfahrung) gehen davon aus, dass die Box den Text so organisieren würde, dass er in seinen Rahmen passt. Das ist es, was sie erwarten, ohne zu verstehen, dass dies nicht der Standard ist.
Es lässt mich wundern... erwarten sie das, weil wir als Designer sie gelehrt haben, dass Inhalte auf diese Weise präsentiert werden sollten, oder wegen anderer Einflüsse, die diese Anzeige am sinnvollsten erscheinen lassen.
Und... wenn dieses Verhalten der erwartete Standard ist... warum ist CSS nicht standardmäßig so?
Standardmäßig versteckt CSS nichts. Denn wenn man etwas versteckt, bemerkt man vielleicht nicht, dass etwas fehlt. Es ist leichter, überlappenden Text zu erkennen als Text, der sich nicht überlappt, aber versteckt ist. Es ist leichter, eine seltsam positionierte Box zu erkennen, anstatt dass die Box hinter einer anderen Box verschwindet. Dies ist eine grundlegende Regel für die Leute, die Spezifikationen schreiben und CSS implementieren.
Ich glaube nicht, dass es ein überzeugendes Argument dafür gibt, dass es sich so umbrechen sollte. Denken Sie an andere Software, die Text in Boxen setzt und umbricht. Word, InDesign, Photoshop, Excel. Alle erlauben Ihnen das, aber nur wenige tun es *standardmäßig*. Wo sie es tun, haben Sie es wahrscheinlich meistens behoben...
Weil das keine lesbare Typografie ist. Es ist nicht so, wie man normalerweise in die Produktion gehen würde. Ein Wort mitten in einem Wort zu brechen, das zusammenbleiben sollte, ist wirklich eine naive Lösung für mehr Text als Platz, was ein Problem ist, das ein Design lösen muss, und nicht einfach so abtun, wie es D versucht.
Wenn Sie fragen, warum Box-Sizing und Wortumbruch von Anfang an nicht intelligenter waren, impliziert Ihre Frage Ihre Antwort. Es ist ein komplexer Problembereich, der automatisiert werden muss, insbesondere international. Es gibt keine Einheitslösung für alle Fälle. Die ersten Versionen von Word hatten auch keine Waisen- oder Hängeregelungen oder intelligente Silbentrennung. Und Word, so komplex es auch ist, leistet weitaus weniger als das Web.
Das Beste, was man tun kann, ist, dem Designer direktere Kontrolle zu geben, damit er tun kann, was im jeweiligen Kontext angemessen ist. Das hat das Web schon immer getan, und ich hoffe, es wird es auch weiterhin tun, egal wie viele Generationen von Neulingen es zunächst nicht zu schätzen wissen.
"A" ist der Witz... weil CSS für Anfänger schwer/unverständlich ist. (oder einfach, weil Dinge wie diese manchmal auch bei erfahrenen Leuten schief gehen.
"B" wäre nur der Standard auf einem Handy oder in einem winzigen Browserfenster. Und ohne jegliches CSS.
"A" demonstriert, dass jemand eine Box genommen und ihr eine Breite gegeben hat, aber irgendwo etwas falsch gemacht hat. (oder der Kunde sagte "mach es so breit und pack zu viel Text rein")