Thumbnail im HTML durch anklicken wieder vergrössern !?
bearbeitet von Gunnar Bittersmann@@Gunnar Bittersmann
> Ein Fehler, den Browser stillschweigend tolerieren. Desöfteren schon in der [CSSBattle](https://cssbattle.dev/) ausgenutzt. Siehe bspw. [Target #111](https://cssbattle.dev/play/111) unter *Top Solutions*{:@en}.
```html
⬤ ◆<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 B-Wert immer noch 100%ig matcht, ist in diesem Fall der G-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*{:@en} 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, das 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](https://tc70f3.csb.app/).
Und für produktive Webseiten git natürlich: **All das oben Genannte nicht machen, Kinder!**
🖖 Живіть довго і процвітайте
{:@uk}
--
*„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“*
— @Grantscheam auf Twitter
Thumbnail im HTML durch anklicken wieder vergrössern !?
bearbeitet von Gunnar Bittersmann@@Gunnar Bittersmann
> Ein Fehler, den Browser stillschweigend tolerieren. Desöfteren schon in der [CSSBattle](https://cssbattle.dev/) ausgenutzt. Siehe bspw. [Target #111](https://cssbattle.dev/play/111) unter *Top Solutions*{:@en}.
```html
⬤ ◆<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 B-Wert immer noch 100%ig matcht, ist in diesem Fall der G-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*{:@en} 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, das 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](https://tc70f3.csb.app/).
Und für produktive Webseiten git natürlich: **All das oben Genannte nicht machen, Kinder!**
🖖 Живіть довго і процвітайте
{:@uk}
--
*„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“*
— @Grantscheam auf Twitter
Thumbnail im HTML durch anklicken wieder vergrössern !?
bearbeitet von Gunnar Bittersmann@@Gunnar Bittersmann
> Ein Fehler, den Browser stillschweigend tolerieren. Desöfteren schon in der [CSSBattle](https://cssbattle.dev/) ausgenutzt. Siehe bspw. [Target #111](https://cssbattle.dev/play/111) unter *Top Solutions*{:@en}.
```html
⬤ ◆<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 B-Wert immer noch 100%ig matcht, ist in diesem Fall der G-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*{:@en} 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, das in dem Headless-Browser dem Server, der die Bewertung vornimmt, andere Fonts installiert sind als auf unseren Systemen. Da braucht man ein [anderes Vorschau-Tool](https://tc70f3.csb.app/).
Und für produktive Webseiten git natürlich: **All das oben Genannte nicht machen, Kinder!**
🖖 Живіть довго і процвітайте
{:@uk}
--
*„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“*
— @Grantscheam auf Twitter
Thumbnail im HTML durch anklicken wieder vergrössern !?
bearbeitet von Gunnar Bittersmann@@Gunnar Bittersmann
> Ein Fehler, den Browser stillschweigend tolerieren. Desöfteren schon in der [CSSBattle](https://cssbattle.dev/) ausgenutzt. Siehe bspw. [Target #111](https://cssbattle.dev/play/111) unter *Top Solutions*{:@en}.
```html
⬤ ◆<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 B-Wert immer noch 100%ig matcht, ist in diesem Fall der G-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*{:@en} 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`-Attribut dann keine Leerzeichen mehr enthielte, könnten die Anführungszeichen darum entfallen.
Dass die Vorschau anders aussieht als die Vorlage, liegt daran, das in dem Headless-Browser dem Server, der die Bewertung vornimmt, andere Fonts installiert sind als auf unseren Systemen. Da braucht man ein [anderes Vorschau-Tool](https://tc70f3.csb.app/).
Und für produktive Webseiten git natürlich: **All das oben Genannte nicht machen, Kinder!**
🖖 Живіть довго і процвітайте
{:@uk}
--
*„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“*
— @Grantscheam auf Twitter
Thumbnail im HTML durch anklicken wieder vergrössern !?
bearbeitet von Gunnar Bittersmann@@Gunnar Bittersmann
> Ein Fehler, den Browser stillschweigend tolerieren. Desöfteren schon in der [CSSBattle](https://cssbattle.dev/) ausgenutzt. Siehe bspw. [Target #111](https://cssbattle.dev/play/111) unter *Top Solutions*{:@en}.
```html
⬤ ◆<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 B-Wert immer noch 100%ig matcht, ist in diesem Fall der G-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*{:@en} 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`-Attribut dann keine Leerzeichen mehr enthielte, könnten die Anführungszeichen darum entfallen.
Dass die Vorschau anders aussieht als die Vorlage, liegt daran, dass auf in dem Headless-Browser dem Server, der die Bewertung vornimmt, andere Fonts installiert sind als auf unseren Systemen. Da braucht man ein [anderes Vorschau-Tool](https://tc70f3.csb.app/).
Und für produktive Webseiten git natürlich: All das oben Genannte nicht machen, Kinder!
🖖 Живіть довго і процвітайте
{:@uk}
--
*„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“*
— @Grantscheam auf Twitter