Habt ihr es schon bemerkt?

Freitag, 27.6.2025, 07:15 > daMax

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);

| Abgelegt unter 1337, Coding
The views expressed by the author are personal.

Artikel aus der gleichen Kategorie:
Boss Tone Studio Katana auf Linux. Eine Herausforderung (update 2) «
Schriftgröße in Steam ändern «
Mal 'ne Frage «

9 Meinungen zu “Habt ihr es schon bemerkt?”

Sitz nur rum meinte:

27.6.2025 um 08:37 Uhr

Cool! Sieht aus wie ausm Retro Game.

Welche ChatGPT Version nutzt du? Hab versucht mit Chat eine Wetterstation in Home Assistant einzubinden. Entweder ich bin da zu ungenau, oder ChatGPT ist meh.

Antworten

daMax meinte:

27.6.2025 um 11:42 Uhr

@Sitz nur rum: Einfach nur das, was man ohne Anmeldung auf der Website zu sehen bekommt. Mein Ansatz ist der: ich gebe meistens schon groben Code vor (HTML,CSS), dann soll ChatGPT Code schreiben zu dem was ich machen will, dann übernehme ich wieder ein bisschen, gebe das an ChatGPT usw. Also ein ständiges Hin und Her, immer mit meinen vielen vielen Jahren Codingerfahrung im Hintergrund. Ich erwarte überhaupt keinen funktionalen Code von ChatGPT, denn den wirst du eh nie bekommen, dazu schreibt der viel zu großen Müll.

Aber z.B. die Zeile mit dem Zigzagfactor kam erstmal von ChatGPT, da wäre ich so wahrscheinlich nicht drauf gekommen. Auch die das mit cycleLenght und halfCycle war chatGPTs Idee.

Allerdings wäre ChatGPT niemals auf die Idee gekommen, die Position des Logos per margin-left zu setzen, der wollte das immer per style.left machen und das war ganz schlimm laggy. Die margin-left Idee war schon so in meinem CSS drin und wurde dann von mir auch wieder so eingebaut.

Antworten

Schwarzes_Einhorn meinte:

27.6.2025 um 12:05 Uhr

Klingt für mich alles wie klingonisch - aber der Effekt gefällt mir. Wollte ich ein Blog, dann wollte ich auch sowas. Aber kann es sein, daß Wurli weg ist? Mit dem spiele ich auch gerne mal rum. Jetzt erscheint er aber nicht.

Antworten

daMax meinte:

27.6.2025 um 13:28 Uhr

@Schwarzes_Einhorn: Der ist immer nur auf der "Hauptseite", nicht in einzelnen Artikeln.

Antworten

Schwarzes_Einhorn meinte:

27.6.2025 um 15:24 Uhr

Stimmt! Grad hat er wieder zwei Sternchen gefressen. Ist einfach witzig, das Ding.

Antworten

daMax meinte:

27.6.2025 um 17:52 Uhr

@Schwarzes_Einhorn: ❤️

Antworten

daMax meinte:

28.6.2025 um 16:49 Uhr

@Schwarzes_Einhorn: ich hab Wurli jetzt wieder auf allen Seiten freigelassen Ich hatte den vor Ewigkeiten mal auf den Unterseiten deaktiviert, weil Vera sich so sehr daran gestört hat, dass Wurli ständig über den Text krabbelt. Vera ist inzwischen leider verstorben und eigentlich ist es an der Zeit, Wurli wieder zum ständigen Begleiter zu machen.

Antworten

Schwarzes_Einhorn meinte:

28.6.2025 um 18:52 Uhr

Gleich mal rumprobiert... Tatsächlich erscheint nun sogar ein Stern, wenn ich eine Antwort schreibe und das Kästchen/Namensfeld/Mail-Adressen-Feld anklicke. Im gelben Bereich ist er oben unsichtbar, links und rechts ist er sichtbar. Er zeichnet Herzen! ❤️

Antworten

daMax meinte:

28.6.2025 um 21:55 Uhr

@Schwarzes_Einhorn: shhh 🤫 das ist doch geheim

Antworten

Antworten

Das Kleingedruckte:
Halte Dich bitte an die Spielregeln. Welche Emoticons du verwenden kannst, steht hier.

Um hier kommentieren zu können, musst Du einen beliebigen Namen sowie eine beliebige E-Mail-Adresse angeben. Diese Daten werden dann erstmal zur Spamerkennung in die USA geschickt, dort und danach auch auf meinem Server gespeichert. Mit dem Absenden Deines Kommentars erklärst Du Dich damit und den hier geltenden Datenschutzbestimmungen (insbesondere dem Abschnitt Kommentarfunktion) einverstanden. Wenn Du damit nicht einverstanden bist, lass das Kommentieren bleiben, aber dann deinstalliere bitte auch sofort WhatsApp und verabschiede Dich von Facebook. Kommentarabonnements werden automatisch nach 3 Monaten gelöscht.

Wer HTML kann, ist klar im Vorteil. Diese Tags sind erlaubt:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Bei der Menge an Spam-Kommentaren passiert es hin und wieder, dass ein Kommentar vom Spamfilter gefressen wird. Bitte sei mir nicht böse aber ich habe weder Zeit noch Lust, solch verloren gegangenen Kommentaren hinterher zu forschen. Wenn das öfters passiert, schreib' mir 'ne Mail damit ich dich whitelisten kann.

Tom on Aus der beliebten Abteilung: "Software, da kann man nichts machen": “Ein Schelm, wer einen Einzelfall vermutet. 2004/5 war die Hochzeit von asp, c# und anderem vbs. Eine Oberfläche zusammengeklickt, ein…”

daMax on Aus der beliebten Abteilung: "Software, da kann man nichts machen": “@MCBuhl: in dem Link steht: „Erst durch ein Update des Programms Dipsy vor gut einer Woche sei aufgefallen, dass derzeit…”

MCBuhl on Aus der beliebten Abteilung: "Software, da kann man nichts machen": “Das habe ich anders verstanden. Ein Migrationskprojekt hat zu nachwirkenden Fehlern geführt, die erst jetzt bei einer Überprüfung der Daten…”

MCBuhl on Windows 11: All you need is just a few hundred clicks away: “Das alte Rechtsklickmenü im Explorer steuert ein config Eintrag.”

harry on Quo vadis, Firefox?: “tja von Microsoft, bzw. edge lernen. LibreOffice fragt ja auch nach „beschleunigtem Start“ oder so. Diese Autostart Hölle hat mich…”

Andreas Moser on Aus der beliebten Abteilung: "Software, da kann man nichts machen": “Das gibt geile Schadensersatzklagen – für bis zu 20 Jahre entgangenes Einkommen.”

meh on Copilot-Taste => Strg: “Kann Copilot dir nicht helfen, die Tastenbelegung zu ändern?

”

daMax on Boss Tone Studio Katana auf Linux. Eine Herausforderung (update 2): “@Siewurdengelesen: Meh, ich kapiere jetzt gerade erst, dass es bei dieser Kernelpatchsache „nur“ darum geht, etwas vom Amp aufzeichnen zu…”

Habt ihr es schon bemerkt?

9 Meinungen zu “Habt ihr es schon bemerkt?”

Antworten

Radio

Kategorien

Feeds

Zeugs

daMax woanders

Und ihr so…

Was bisher geschah:

OOPS!

Ey, lass mich einfach rein, okay?
(Setzt per Javascript einen Cookie. Wenn Du das alles deaktiviert hast, weiß ich auch nicht, wie ich dir helfen soll)

Ich will das hier nie wieder sehen.
(Setzt per Javascript einen sehr langlebigen Cookie. Wenn Du das alles deaktiviert hast oder Cookies automatisch oder auch von Hand löschst, weiß ich auch nicht, wie ich dir helfen soll)

Habt ihr es schon bemerkt?

9 Meinungen zu “Habt ihr es schon bemerkt?”

Antworten

Radio

Kategorien

Feeds

Zeugs

daMax woanders

Und ihr so…

Was bisher geschah:

OOPS!

Ey, lass mich einfach rein, okay? (Setzt per Javascript einen Cookie. Wenn Du das alles deaktiviert hast, weiß ich auch nicht, wie ich dir helfen soll)

Ich will das hier nie wieder sehen. (Setzt per Javascript einen sehr langlebigen Cookie. Wenn Du das alles deaktiviert hast oder Cookies automatisch oder auch von Hand löschst, weiß ich auch nicht, wie ich dir helfen soll)

Ey, lass mich einfach rein, okay?
(Setzt per Javascript einen Cookie. Wenn Du das alles deaktiviert hast, weiß ich auch nicht, wie ich dir helfen soll)

Ich will das hier nie wieder sehen.
(Setzt per Javascript einen sehr langlebigen Cookie. Wenn Du das alles deaktiviert hast oder Cookies automatisch oder auch von Hand löschst, weiß ich auch nicht, wie ich dir helfen soll)