neunter April

[kai345]

Nicht vergessen…

… heute ist der 09.04.

[Rolf B]

Hallo kai345,

ist es nicht merkwürdig, dass die Seite, die CSS-naked-day propagiert, am 9.4. mit CSS daherkommt? So ernst scheint es ihnen ja nicht zu sein 😉

Rolf

[TS]

Hello,

Hallo kai345,

ist es nicht merkwürdig, dass die Seite, die CSS-naked-day propagiert, am 9.4. mit CSS daherkommt? So ernst scheint es ihnen ja nicht zu sein 😉

Kommt auf die Zeitzone an. Aus welcher kommt denn die Seite? New York hängt unserer Zeit sechs Stunden zurück, California sogar neun Stunden.

Glück Auf
Tom vom Berg

[Gunnar Bittersmann]

@@TS

Kommt auf die Zeitzone an.

Nein.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[TS]

Hello @Gunnar Bittersmann,

Kommt auf die Zeitzone an.

Nein.

Jein. Kommt immer noch darauf an, wann @Rolf B geschaut hat.

Das Stück Software sagt allerdings, dass Du Recht haben solltest, wenn es denn so funktioniert, wie gedacht. Ich habe es nicht ausprpobiert. Bei Datumsfunktionen erlebt man ja doch immer mal wieder eine Überraschung :-O

Glück Auf
Tom vom Berg

[Rolf B]

Hallo TS,

am 9.4. habe ich geschaut, und nach den Regeln, die diese Seite verkauft, hätte ich sie nackig sehen müssen.

Rolf

[TS]

Hello,

Hallo TS,

am 9.4. habe ich geschaut, und nach den Regeln, die diese Seite verkauft, hätte ich sie nackig sehen müssen.

Ja. Soweit ich mich erinnere, standen aber vier Linkrelationen auf (Google-)CSS-Ressourcen drin.

Auc JS habe ich allerdings nicht geachtet.

Glück Auf
Tom vom Berg

[Gunnar Bittersmann]

@@kai345

… heute ist der 09.04.

Danke für die Erinnerung. https://gunnarbittersmann.de/ ist nackig. Das ging jetzt auch – dank @Felix Riesterer s Drängen, die Zeilenumbrüche in den Liedtexten doch auch mit <br/> auszuzeichnen und sich nicht auf CSS x-l { display: block } zu verlassen.

Das Stylesheet wollte ich sowieso neu schreiben. Wäre ein guter Anlass, das zu tun und nicht morgen wieder das alte zu reanimieren.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[TS]

Hello @Gunnar Bittersmann,

könnte man eigentlich, nachdem die Seite bereits mit CSS geladen wurde, dieses per JavaScript wieder ausschalten?

Anders herum wäre es vermutlich möglich, aber kann man das Rendern mit CSS auch im Nachhinein wieder Rückgängig machen?

Glück Auf
Tom vom Berg

[Der Martin]

Hallo,

könnte man eigentlich, nachdem die Seite bereits mit CSS geladen wurde, dieses per JavaScript wieder ausschalten?

ich würde mal sagen: Kommt drauf an.

Anders herum wäre es vermutlich möglich, aber kann man das Rendern mit CSS auch im Nachhinein wieder Rückgängig machen?

Wenn das CSS zentral in einem style-Element steckt (oder mit einem link-Element referenziert wird), könnte man eben dieses Element aus dem DOM entfernen. Die Folge müsste sein, dass der Browser die Seite neu rendert, ohne das eben entfernte CSS zu berücksichtigen.

Live long and pros healthy,
 Martin

[Julius]

Hallo TS,

könnte man eigentlich, nachdem die Seite bereits mit CSS geladen wurde, dieses per JavaScript wieder ausschalten?

Ich bin zwar nicht Gunnar, aber was mir so einfallen würde und anscheinend auch geht^[1]:

var elems = document.querySelectorAll('link[rel=stylesheet]');
for(let i=0; i<elems.length; i++) {
  elems[i].parentNode.removeChild(elems[i]);
}

Dann darf nur der Kein-JavaScript-Tag nicht auf den Kein-CSS-Tag fallen und alles ist gebongt! 😉

Gruß
Julius

---

1. Nützt natürlich nichts, wenn ein Scherzkeks andere Techniken wie Inline-Styles benutzt. ↩︎

[Gunnar Bittersmann]

@@Julius

könnte man eigentlich, nachdem die Seite bereits mit CSS geladen wurde, dieses per JavaScript wieder ausschalten?

Ich bin zwar nicht Gunnar

Eben. Gunnar würde sowas nicht tun.

Wenn man styles ändern will, will man nicht das DOM ändern, sondern das CSSOM.

	for (let styleSheet of document.styleSheets) {
		styleSheet.disabled = true;
	}

Morgen ist der CSS Naked Day aber wieder vorbei. Man kann die Änderungen auch wieder rückgängig machen. ☞ So don’t be afraid

var elems = document.querySelectorAll('link[rel=stylesheet]');

Du hattest alle style-Elemente vergessen.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[TS]

Hello,

danke für die Vermittlung neuer (A|Ei)nsichten ;-)

Glück Auf
Tom vom Berg

[Gunnar Bittersmann]

@@Gunnar Bittersmann

☞ So don’t be afraid

Die IMHO beste Version des Lieds ist die von Joshua David Evans und Erin Elyse Evans.

Das Arrangement haben sie von der „Trolls“-Version von Justin Timberlake und Anna Kendrick. Ich mag aber die Stimmen der Evans-Geschwister lieber. Und deren Video!

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Die IMHO beste Version des Lieds ist die von Joshua David Evans und Erin Elyse Evans … Ich mag aber die Stimmen der Evans-Geschwister lieber. Und deren Video!

Und dann wollte ich mehr von Joshua David Evans hören und landete bei

• Say You Won’t Let Go.

Und dann wollte ich mehr von Madilyn Bailey hören und landete bei

• I Hate U, I Love U

• Bad Things (Ihr erkennt, was das Klavier spielt?)

• When We Were Young

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[Gunnar Bittersmann]

@@Gunnar Bittersmann

• Bad Things (Ihr erkennt, was das Klavier spielt?)

Auflösung: den Kanon in D von Pachelbel – Note für Note.

BTW: Ich mag die Adaptation von George Winston. Auch wenn er den Kanon in C spielt, um sich nicht die Finger an den schwarzen Tasten schmutzig zu machen. 😄

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[kai345]

• Bad Things (Ihr erkennt, was das Klavier spielt?)

Brrr, ist ja furchtbar 😣 (nicht das Klafünf)

Auflösung: den Kanon in D von Pachelbel – Note für Note.

Der Kanon wirkt so… beruhigend 😜

[Gunnar Bittersmann]

@@kai345

Der Kanon wirkt so… beruhigend 😜

Heavy.

Aber hey, wenn schon Metall, dann richtiges! 🤣

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Der Kanon wirkt so… beruhigend 😜

Heavy.

Aber hey, ein Heavy-Metal-Schlagzeug ohne double bass drum kann ich nicht ernstnehmen. (Der Hack mit Doppelfußmaschine zählt nicht.)

Noch mehr Heavy Mädel.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[Tabellenkalk]

Hallo,

Noch mehr Heavy Mädel.

Hä, wassollndas? Wenn ich Klassik hören will, geh ich doch nicht ins Rockkonzert…

Gruß
Kalk

[Gunnar Bittersmann]

@@Tabellenkalk

Noch mehr Heavy Mädel.

Hä, wassollndas? Wenn ich Klassik hören will, geh ich doch nicht ins Rockkonzert…

… sondern zum Streichquartett. 🤣

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[MudGuard]

Hi,

Noch mehr Heavy Mädel.

Hä, wassollndas? Wenn ich Klassik hören will, geh ich doch nicht ins Rockkonzert…

was hat jetzt Klassik damit zu tun - der Pachelbel war Barock-Komponist.

cu,
Andreas a/k/a MudGuard

[TS]

Hello Gunnar,

☞ So don’t be afraid

Das hast Du aber fein gemacht. Dafür gibts ein Extra-Osterei.
Möchtest Du lieber Nougat- oder Cognac-Füllung?

Glück Auf und Frohe Ostern
Tom vom Berg

[Gunnar Bittersmann]

@@Gunnar Bittersmann

☞ So don’t be afraid

Jetzt sieht das auch halbwegs passabel aus:

• bei heller Schrift auf dunklem Grund macht sich etwas letter-spacing nicht schlecht (bzw. Schriftstärke etwas verringern, dazu braucht man aber einen variable font)

• Schriftgröße und Zeilenabstand responsiv angepasst an Viewportbreite, clamp() FTW

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[TS]

Hello,

[•••]
nur der braune Hintergrund in der CSS-Version gefällt mir gar nicht. :-(

Hast Du nicht 'was Buntes da mit Osterglocken oder so? ;-p

Glück Auf
Tom vom Berg

[Gunnar Bittersmann]

@@TS

nur der braune Hintergrund in der CSS-Version gefällt mir gar nicht. :-(

Dafür ist ja der Button da! 😆

Braun? Das sollte eigentlich rot sein. Ich hab mal die Farbsättigung noch etwas erhöht.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[TS]

Hello,

nur der braune Hintergrund in der CSS-Version gefällt mir gar nicht. :-(

Dafür ist ja der Button da! 😆

Braun? Das sollte eigentlich rot sein. Ich hab mal die Farbsättigung noch etwas erhöht.

Sieht bei mif immer noch braun aus.
Du kannst wohl keine Osterglocken? ;-p

Glück Auf
Tom vom Berg

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Braun? Das sollte eigentlich rot sein.

Ist es auch – in Firefox. In Chromia und WebKit: kackbraun. Chrome ist halt ein Kackbrowser.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Braun? Das sollte eigentlich rot sein.

Ist es auch – in Firefox. In Chromia und WebKit: kackbraun. Chrome ist halt ein Kackbrowser.

Angegeben: hsl(20deg 90% 35%)

Im Entwicklertool steht als berechneter Wert: rgb(170, 62, 9) – sowohl im Firefox als auch im Chrome.

Mit ’nem Colorpicker nachgemessen, welche Farbe denn wirklich gerendert wird (auf’m Mac):

• Firefox: rgb(169, 63, 9) OK
• Chrome: rgb(158, 70, 30) WTF‽‽

Wo kommt diese Farbabweichung her? Und wie kriegt man sie weg?

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[JürgenB]

Hallo Gunnar,

Wo kommt diese Farbabweichung her? Und wie kriegt man sie weg?

Seiten müssen nicht in allen Browsern gleich aussehen 😜

Gruß
Jürgen

[Der Martin]

Hallo Gunnar,

Braun? Das sollte eigentlich rot sein.

Ist es auch – in Firefox. In Chromia und WebKit: kackbraun. Chrome ist halt ein Kackbrowser.

Angegeben: hsl(20deg 90% 35%)

Im Entwicklertool steht als berechneter Wert: rgb(170, 62, 9) – sowohl im Firefox als auch im Chrome.

also verwenden sie vermutlich denselben Algorithmus zur Umrechnung.

Mit ’nem Colorpicker nachgemessen, welche Farbe denn wirklich gerendert wird (auf’m Mac):

• Firefox: rgb(169, 63, 9) OK
• Chrome: rgb(158, 70, 30) WTF‽‽

Wo kommt diese Farbabweichung her?

Meine Vermutung: Auf deinem Rechner ist ein Farbkorrekturprofil definiert, und Chrome benutzt es anscheinend, Firefox nicht. Dass die Browser sich beim Umgang mit Farbprofiloen teils sehr unterschiedlich verhalten, hatte ich vor Jahren auch schon mal festgestellt.
Was mich ein wenig verblüfft, ist die doch vorhandene geringfügige Abweichung zwischen berechnetem und tatsächlich ermitteltem Wert beim Firefox.

Und wie kriegt man sie weg?

Farbprofile deaktivieren. ;-)
Davon abgesehen fällt mir nichts ein.

Live long and pros healthy,
 Martin