Spaß beim Coden:

Jup, die Mauer ist schon länger weg. Mir fehlt sie auch irgendwie

Ähm.... seit heute früh springt mein Blog immer von alleine zu dem Brainwashed-Post, wenn man nur https://blog.todamax.net aufruft.

Ich habe null Ahnung, weshalb das so ist. Ist da draußen vielleicht ein HTML-Experty* das mir verraten könnte, was da gerade schief läuft?

Update 1: das liegt echt an dem eingebetten Video... aber ich kapiere nicht, warum das so ist.

Update 2: das ist wohl so ein "normales" Verhalten von Firefox? Perplexity meinte:

The browser may treat the iframe like a focus/anchor target during load, then adjust the viewport so the embedded content is visible. In practice, this often shows up when the iframe is inserted far down the page or the embed is loading late and changes page height after initial render

Was für ein Bullshit. Fix: loading="lazy"

Update 3: das fixt leider gar nix.

Update 4: weißte was, arte? Dann wird dein iFrame-Rotz eben nicht eingebettet. Eat cat-shit and die.

Ich wollte mal gucken, ob ich die "Akzentfarbe" von Cinnamon ändern kann. Damit meine ich dieses Blau hier in den Schaltern:

Also tippsele ich in Perplexity:

  cinnamon desktop theme color of toggles

und bekomme folgende Antwort (die ich hier als HTML Datei abgespeichert habe, weil man weiß ja nie):

Jetzt bin ich ja mal gespannt...

Shruggie ¯\_(ツ)_/¯ ist das Emoticon, das ich mit am meisten einsetze. Leider ist es auf einer deutschen Tastatur nicht wirklich eintippbar und ich bin es leid, das Ding ständig erst zu suchen und dann zu copypasten oder einen entsprechenden Onlineservice zu bemühen.

Also habe ich mir ein kleines Bookmarklet geschrieben, das mir Shruggie auf einen simplen Knopfdruck in die Zwischenablage kopiert.

Wollt ihr auch?

Neuen Bookmark anlegen und das hier als URL eintragen:

javascript:navigator.clipboard.writeText('%C2%AF\\\\_(%E3%83%84)_/%C2%AF');

Ja, der linke Arm ist "doppelt", das liegt daran, dass viele Eingabefelder im Netz sonst ein Problem damit haben....

PS: das ist schon mein zweites Bookmarklet. So langsam komme ich auf den Geschmack

Unter Eingeweihten ist schon lange klar, dass Javascript völlig kaputt ist, Stichwort truthy/falsy. Das Date-Objekt in JS ist allerdings sowas von kaputt, dass es dazu einen lustigen Quiz gibt, an dem ich gestern grandios gescheitert bin Wenn du glaubst, du kennst dein JavaScript, dann versuche dich mal daran:

https://jsdate.wtf/

Meine Frage nach einem vernünftigen, automatisierbaren Backup wurde ja recht zahlreich beantwortet, also habe ich mich in den letzten Tagen mal daran gemacht, mir eine Lösung zum Sichern meines /home-Verzeichnis zurecht zu schustern. Der folgende Post ist nerdig, ihr seid gewarnt.

Dann lass ma' hören...

Seit geraumer Zeit habe ich meine Betriebssysteme alle in den Dunkelmodus geschaltet und zum Glück gehen mehr und mehr Webseiten dazu über, diese Entscheidung zu respektieren und bieten von sich aus einen Dark Mode an. So zuletzt geschehen bei tagesschau, Stuttgarter Nachrichten und Wikipedia, um nur einige Beispiele aus meiner Browserhistorie zu nennen.

Allerdings gibt es immer noch Sites, die das eben nicht machen - was ich durchaus respektiere, denn ich weiß sehr gut, was für ein Aufwand das sein kann - aber leider blenden mich solche Seiten inzwischen richtiggehend.

Deshalb habe ich mir erlaubt, ein kleines Bookmarklet zu schreiben vibecoden^*, das mir per Knopfdruck die gerade angezeigte Webseite einfach invertiert. Bilder und eingebettete Videos werden dabei ausgenommen, weil das sonst ja völlig seltsam aussieht.

Das wird zwar kein perfekter Dark Mode, denn manchmal stechen Bilder mit weißem Hintergrund noch ein bisschen unangenehm hervor, aber für einen ersten Wurf ist das für meine Zwecke schon okay.

So sieht das dann aus und ich hoffe sehr, Konstantin, Jan, Andreas und Ronny sind nicht allzu erbost darüber, hier als Beispiel herhalten zu dürfen

Sogar das WordPress-Backend wird damit etwas erträglicher (aber dieses Plugin ist natürlich besser, weil es persistent ist, auch wenn mir persönlich die Farben des Editors arg gegen den Strich gehen):

^*Ich benutze den Begriff hier etwas anders als das in Wikipedia definiert ist, denn ich bin der Meinung, dass es für diese Art des Codings sehr wohl möglichst viel Erfahrung im Coding der jeweiligen Sprache benötigt, ansonsten entsteht extrem uneleganter und dysfunktionaler Code.

Und das geht so: Zeig' her!

Ich bin ja stolz wie Bolle auf diesen neuen Effekt, den ChatGPT und ich in trauter Zweisamkeit im Laufe der letzten Abende gecodet haben. Allerdings befällt mich die Befürchtung, dass das mal mal wieder niemand mitkriegt, so subtil wie die Chose ist.

Das Logo da rechts wandert jetzt "am Knick entlang":

Könnte ich mir stundenlang angucken Allerdings nur den Effekt, nicht so sehr den Code, denn der ist leider extrem hässlich und voller magic numbers, die ich selber nicht verstehe

Für Interessierte:

/******************************
 * Das Logo mit scrollen lassen
 */
function updateLogoPosition() {
	const logo = document.getElementById('logowrapper');
	logo.style.position ='fixed'; // für noscripter ist das Ding absolute
                                      // weil es sonst halt echt doof aussieht
	const scrollY = window.scrollY;

	const maxOffset = 88;
	const cycleLength = 1732;

	const posInCycle = scrollY % cycleLength;
	const halfCycle = cycleLength / 2;

	// Der Übergang von nach-links-wandern zu nach-rechts-wandern klappt nie.
	// Workaround mit ein paar magic numbers, trial-and-error ¯\_(ツ)_/¯ 
	let knickAusgleich;
	let isRotating = posInCycle > halfCycle - 160;

	if  (posInCycle < 1600) {
		knickAusgleich = 0
	}
	else {
		knickAusgleich = 177;
		isRotating = false;
	}

	const zigzagFactor = !isRotating
	? (posInCycle / halfCycle) * maxOffset - knickAusgleich
	: (maxOffset - ((posInCycle - halfCycle) / halfCycle) * maxOffset) - 30;

	logo.style.marginLeft = 540 + zigzagFactor + 'px';

	// Add rotation
	logo.style.transform = isRotating ? 'rotate(10deg)' : 'rotate(0deg)';
}
addEvent(window, "scroll", updateLogoPosition);

Hier ist die Website dazu und hier sind die Aufzeichnungen, ich werde dieses Jahr trotz lauter interessanter Vorträge mangels Zeit wahrscheinlich nicht allzu viel davon mitbekommen.

Habt ihr eine Idee, warum der erste Kommentar in der Sidebar weiter eingerückt ist als die restlichen Kommentare?

Ich raff' das nich.

ChatGPT kann auch böse...

Wie gesagt, der Artikel ist arg lang. Ich selbst habe große Passagen, in denen James aus seiner Kindheit erzählt, nur quer gelesen, weil ich zum eigentlich Kern kommen wollte. Aber selbst wenn man die Hälfte nur überfliegt, die andere Hälfte ist zumindest für Coder wie mich so interessant, dass ich heute im Teamcall mal ansprechen werde, ob wir nicht unseren Konzern dazu bringen sollten, die eine oder andere ChatGPT-Lizenz zu erwerben (oder vielleicht gleich OpenAI komplett ).

James Somers: A Coder Considers the Waning Days of the Craft

Auf den Artikel aufmersam wurde ich übrigens nebenan bei Kottke.org, wo gleich der erste Kommentar schon wieder vor generiertem Code warnt. Spannende Zeiten.

Kennt sich hier jemand mit CSS aus?

Gestern habe ich festgestellt, dass mein Blog auf meinem Handy im Querformat so aussieht:

Was mich sehr wundert, da ich ziemlich viel Zeit und Hirnschmalz darauf verwendet hatte, das Layout so hinzufummeln, dass es korrekt in die Breite skaliert. Wenn ich aufm PC den Browser breit ziehe, dann sieht das so aus (und vergesst mal für einen Moment die Farbe des Radiowidgets, die liegt an was anderem, das ist nicht das Problem):

Ich habe keine Ahnung, warum das aufm Handy so seltsam zerlegt wird und was noch schlimmer ist: ich weiß nicht, wie ich das debuggen soll. Denn Webdev-Tools gibt es auf Handybrowsern nicht, soweit ich informiert bin.

Hat jemand von euch eine Idee, was da schief läuft?

PS: meine Meinung zu CSS ist bekannt, ne?

Kennt sich hier jemand mit WordPress-Hooks aus?

Ich habe gerade mal wieder das Plugin "Tagline Randomizer" aktiviert, das mir zufällige Überschriften da oben ↑ reinfummelt (nicht aufm Handy). Leider wird immer nur eine neue Tagline gezogen, wenn ich im Backend irgend etwas mache (z.B. die Seite neu lade oder oder irgendwo hin klicke). Ich hätte es aber lieber, es gäbe eine neue Tagline bei jedem Neuladen der Seite. Das bekomme ich aber ums Verrecken nicht gebacken. Ich habe inzwischen diverse add_action() und add_filter() Varianten durchprobiert, aber ich kriege es einfach nicht hin

Habt ihr eine Idee, wie man das Plugin umschreiben muss, damit man bei jedem Reload eine neue Tagline angezeigt bekommt? Das Plugin verwendet derzeit add_action("init","tr_execute"), aber das scheint nicht genau das zu tun, was ich gerne hätte.

Das Plugin ist längst nicht mehr offiziell zu bekommen, hier ist der Quellcode.

Update: ich habe das Plugin jetzt komplett durch handgefertigtes Javascript ersetzt (und dabei festgestellt, dass ich schon ziemlich viele ziemlich derbe Hacks in meinem Theme habe ). Viel Spaß beim Neuladen der Seite