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

Kennt ihr das Gefühl? Es ist der 2. Januar und ihr habt schon keinen Bock mehr auf den Rest des Geschäftsjahres? So geht es mir gerade. Ich soll mich wieder mal mit einer mir unbekannten Scriptingsprache auseinandersetzen, um deren Kenntnis ich mich bisher immer erfolgreich herum mogeln konnte. Jetzt hat's mich leider doch erwischt und das erste Beispiel, das ich in den Schulungsunterlagen sehe, vereinigt so viele Anti-Patterns in sich, dass ich heulen könnte:

Mal sehen:

• Nichtssagender, sinnloser Kommentar: check!
• Nichtssagende, nicht sprechende Variablennamen: check!
• Fehlende Klammern beim else-Block: check!
• Fucking Backticks anstelle von Quotes: check!
• Kein erkennbares Anweisungsende: check!
• Komplett eigene Keywords, die es in anderen Sprachen nicht gibt ("inside"): check!
• Keine Groß-/Kleinschreibungskonventionen (List, VPMReference, NULL): check!
• Einrückung um sinnlos viel Whitespace: check!
• Und was zur Hölle ist h.Diameter=50mm für ein krudes Konstrukt?!?

Bingo Das Jahr kann ja heiter werden. Ich will gar nicht wissen, wie man in dieser Sprache ein Array anlegt. Oder ein Objekt mit Parametern. Seufz.

PS: nein, ich sage euch nicht, welche Sprache das ist.

Dieses Blog wird heute volljährig

Und - auch wenn's wahrscheinlich sexistische Kackscheiße ist - ich hatte es versprochen:

Es gibt so Tage, da weißt du, dass der Rest der Woche schlimm wird. Im Moment z.B. schlage ich mich mit Code von jemandem herum, der keine Ahnung vom Programmieren hatte, dafür aber auch zu stolz zum Fragen war und sich statt dessen munter bei StackOverflow mit Codeschnippseln bedient hat, die er dann hundertfach copy-pastete. All over the place.

Die so entstandene Software soll Daten in einer Accessdatenbank verwalten. Das fragile Konstrukt lief jetzt viele Jahre lang mehr oder weniger okayish und jedes Mal, wenn ich irgendwas darin fummeln musste, hatte ich halt mal einen schlechten Tag. So weit, so unspannend.

Nun aber hat der Kunde nicht nur ein neues Laptop, sondern auch von Office 20xx umgestellt auf Office 365. Und jetzt crasht die Software mit den lustigsten Fehlermeldungen, von denen mir persönlich ja "Corrupted heap space" am Besten gefällt, aber eben auch die größten Kopfschmerzen bereitet.

Dieses Stückchen Code zum Beispiel:

(mehr …)

Coder|innen wissen: es gibt so ne und solche Programmiersprachen. Und wenn wir mal ehrlich zu uns sind: perfekt ist keine, jede hat mehr oder weniger kaputte Features. Mark Rendle entwickelt in diesem amüsanten Vortrag die schlimmste Programmiersprache, die er sich ausdenken kann (wobei ich persönlich ja finde, dass Brainfuck diesen Titel auf ewig inne haben wird )

PS: auf dieser Konferenz scheint es viele unterhaltsame Vorträge gegeben zu haben. Diesen hier zum Beispiel. Es lohnt sich sicher, mal das Programm zu überfliegen.

Ich empfinde ja seit Jahren eine diebische Schadenfreude bei Nachrichten aus dem IT-Umfeld, die deutlich aufzeigen, dass der jeweils billigste Anwärter auf einen Job selten der beste ist. Heute: Das Script zum Beheben einer (seit Monaten bekannten) Sicherheitslücke in Amazons Cloudscheißendregg AWS enthält eine genauso große Sicherheitslücke.

Macht ruhig so weiter. Nehmt die billigsten Bewerber|innen, die ihr finden könnt. Aber wundert euch nicht über den Schrottcode, den solche Menschen produzieren.

Welcome to the future. Ich will das als Screensaver. Jetzt!

Die Beschreibung dazu liest sich so:

In this video, I utilized artificial intelligence to generate an animated music video for the song Canvas by Resonate. This tool allows anyone to generate beautiful images using only text as the input. My question was, what if I used song lyrics as input to the AI, can I make perfect music synchronized videos automatically with the push of a button? Let me know how you think the AI did in this visual interpretation of the song.

(mehr …)