Gunnar Bittersmann: Thumbnail im HTML durch anklicken wieder vergrössern !?

Beitrag lesen

@@Gunnar Bittersmann

Ein Fehler, den Browser stillschweigend tolerieren. Desöfteren schon in der CSSBattle ausgenutzt. Siehe bspw. Target #111 unter Top Solutions.

  ⬤     ◆<body bgcolor=F3AC3C style="text-shadow:0 148q,-84q 74q,0-267q,0-162q,-62q -214q;font:142q/1'"text=25434>

Da sind noch andere Optimierungen zu erkennen. V.h.n.v:

text=25434
Mitunter ist ein <body>-Tag mit bgcolor- und text-Attributen kürzer als background und color per CSS, insb. wenn wie hier durch einen nur 5stelligen RGB-Wert noch ein Zeichen gespart werden kann. Nicht nur # vorne, auch Nullen am Ende können weggelassen werden, 25434 ist dasselbe wie #254340. Die Vorgabe war #254241. Damit die Abweichung mit einem um 1 verminderten Blau-Wert immer noch 100%ig matcht, ist in diesem Fall der Grün-Wert um 1 zu erhöhen.
font:142q/1'
Eine Längenangabe in q (¼ mm) ist oft ein Zeichen kürzer als in einer anderen Einheit wie px.
Am Ende der letzen Deklaration in einem style-Element oder -Attribut können schließende Klammern oder Anführungszeichen weggelassen werden. '' ist ein gültiger Font-Bezeichner; Leerzeichen zwischen diesem und line height ist nicht erforderlich.
text-shadow:0 148q,-84q 74q,0-267q,0-162q,-62q -214q
Nach 0 ist keine Einheit nötig; zwischen 0 und - auch kein Leerzeichen. Zwischen q und - leider doch. Ansonsten könnten die anderen Leerzeichen durch + ersetzt werden und wenn der Wert des style-Attributs dann keine Leerzeichen mehr enthielte, könnten die Anführungszeichen darum entfallen.

Dass die Vorschau anders aussieht als die Vorlage, liegt daran, dass in dem Headless-Browser auf dem Server, der die Bewertung vornimmt, andere Fonts installiert sind als auf unseren Systemen. Da braucht man ein anderes Vorschau-Tool.

Und für produktive Webseiten git natürlich: All das oben Genannte nicht machen, Kinder!

🖖 Живіть довго і процвітайте

--
„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“
— @Grantscheam auf Twitter