Webzeugs

Linksammlung (postet eure Webzeugs Links)

PuppetMaster2k — Tue, 02 Apr 2013 11:36:50 GMT

Response JS - mobile-first responsive design in HTML5

PHP json

Dravere — Sun, 04 Jan 2026 22:48:02 GMT

Suchst du einfach json_encode? https://www.php.net/manual/en/function.json-encode.php

floating point -> rational number

Lennox — Tue, 23 Dec 2025 21:54:30 GMT

Das hat sich schon gelöst... Ich hatte einen Denkfehler, denn nicht alle reelle Zahlen lassen sich "schön" in der Form xx/yy als reine rationale Zahlen darstellen... das ist auch logisch, weil die Menge der reellen Zahlen ja größer ist... (ok, beide sind unendlich, aber darum geht's mir nicht). Oder mathematischer, selbst, wenn man die Urbildmenge auf [-99.99,+99.99] begrenzen würde und die Bildmenge auf alle Zahlen in der Form (-)xx/yy, wäre die Injektivität, Surjektivität und Bidirektionalität nicht mehr gegeben. Oder einfacher, 10/2 könnte sowohl 5.0 als auch 4.99 gewesen sein (da 499/100 nicht mehr in der Form xx/yy wäre).

Nodejs Express App ist über Traefik Auth Middleware nicht erreichbar

GenXy — Tue, 27 May 2025 23:41:23 GMT

Hi, kurze Frage an die Gelehrten ... Ich habe eine Nodejs Express App, die ich nicht selber geschrieben habe, und auf die ich keinen Einfluss habe. Ich starte diese App (und Traefik auch) in einem Docker-Container. Nennen wir den Service einfach "a", das macht es einfacher. Ich kann http://a:3000 lokal aufrufen, kein Problem. Ich kann auch den Service extern durch Traefik aufrufen: https://a.domain.tld/, kein Problem. Was allerdings nicht funktioniert, ist eine Auth oder ForwardAuth Middleware einzusetzen, denn dann startet der Service immer ein HTTP Basic Auth Prompt, und ich komme an der Stelle in einen Redirect/Reload Loop. Ich vermute, dass der Service alle (XForwardAuth)Header killt oder zumindest "nicht mag", aber ich weiß es nicht genau. Hätte jemand eine Idee? Ich muss also (neben dem Auth) https -> http -> https, :443 -> :3000 -> :443 und den Host bzw. Location Header überwinden.

mkv-web "compilieren"?

ShredderButtonOn — Sun, 10 Nov 2024 22:35:17 GMT

Ich habe ein wenig in den Issues gewühlt und bin offenbar nicht der einzige Ochs vorm Berg ... a) letzter Commit ist fast 3 Jahre her, und seitdem ist nix mehr passiert, b) das Repo wird nicht mehr gepflegt, c) und meine Intelligenz reicht scheinbar nicht aus, um dieses Bundle zu erstellen. Ich hisse mal die ...

Welches kostenlose WYSIWYG Tool verwendet ihr für html-Websites?

Erhard Henkes — Fri, 06 Sep 2024 14:46:26 GMT

Mit der Kombination aus MS Expression Web 4 für die visuelle Bearbeitung und Visual Studio Code mit Live Server für die Live-Vorschau arbeite ich bisher. Das ist etwas umständlich, aber kostenlos. Auf die Darstellung von MS Expression Web 4 kann man sich leider nicht verlassen. Da ich bisher nicht direkt in html arbeiten möchte, gebe ich den Text und die Bilder in MS Expression Web 4 ein, kopiere den html-Text nach Visual Code und beobachte es im Live Server. Eine funktionierende WYSIWYG Editor Erweiterung für Visual Code fand ich bisher leider nicht. Wie macht ihr das kostenlos oder sehr preisgünstig? Ich habe auch ChatGPT-4o gefragt: Mal eine direkte Frage: Wenn ich dir einen normalen Text gebe, oder einen schlechten html code (libre office), kannst du mir dann einen perfekten HTML-Code liefern? ChatGPT: Ja, ich kann dir gerne helfen, aus einem normalen Text oder einem "schlechten" HTML-Code (zum Beispiel aus LibreOffice) einen gut strukturierten und sauberen HTML-Code zu erstellen. Wenn du mir den Text oder den vorhandenen HTML-Code gibst, werde ich ihn in ein optimiertes, sauberes HTML-Format umwandeln, das den aktuellen Standards entspricht und einfacher zu bearbeiten ist. Schicke mir einfach den Text oder den HTML-Code, und ich werde ihn für dich umwandeln!

Einen RGB-Farbverlauf (Schwarz-Rot-Gold) in JS/TS programmieren?

noLust — Tue, 25 Jun 2024 11:12:12 GMT

Ist leider weg.

Sichere API

_ro_ro — Mon, 17 Jun 2024 06:54:09 GMT

JWT hat mit Authentication nichts zu tun. Zum Thema selbst habe ich was geschrieben: http://rolfrost.de/aubase.html MFG

Kann eine Website versteckt werden (temporär)?

webbi — Wed, 22 May 2024 16:46:40 GMT

Schade, dass davon keiner Ahnung hat, aber alle erst mal auf negative Bewertung klicken. Das spricht für eure Forenmitglieder.

JavaScript: Wie baue ich einen sicheren GET-Req zusammen?

omggg — Wed, 27 Mar 2024 16:53:02 GMT

Ok, Zeile 27 könnte ich als URL codieren. Das ginge in JS mit: var myOtherUrl = "http://example.com/index.html?url=" + encodeURIComponent(myUrl); Aber die Sache ist: Das Backend muss ohnehin mit ALLEN Get-Requests korrekt umgehen können + prüfen können, ob nur ein gültiger long-, ein gültiger char- (a oder b), ein gültiger double- und noch ein gültiger double-Wert ankommt. Wenn nicht, dann ist das einfach noise, und kann verworfen werden. Das heißt, ich brauche mir den zusätzlichen Aufwand im Frontend gar nicht machen. Das Thema ist schon gelöst.

JS: Das Orakel befragen

omggg — Thu, 22 Feb 2024 21:21:33 GMT

Schon gelöst: function getScores(words, removals) { let scores = []; for (let i = 0; i < words.length; i++) { let w = words[i]; let array1 = [...w]; let set2 = new Set(array1.filter((x) => !removals.includes(x))); scores.push([w, array1, set2, 0, i + 1]); } for (let i = 0; i < scores.length; i++) { for (let j = i + 1; j < scores.length; j++) { for (let k = 0; k < scores[i][1].length; k++) { let e = scores[i][1][k]; if (scores[j][2].has(e)) { scores[i][3]++; scores[j][3]++; break; } } } } scores.sort((a, b) => { return b[3] - a[3]; }); return scores; } Nur eine Set Halbierung der Laufzeit Verringerung der inneren Laufzeit Geht jetzt unter 1 Sekunde

Prozentrechnung vereinfachen (Genauigkeit)

oxide — Sat, 27 Jan 2024 09:33:45 GMT

@omggg Du hast, wie immer, mein Post nicht gelesen oder nicht verstanden. Ich habe nirgends geschrieben, dass man mehrere Accounts benutzen soll. Es soll nur ein Depot modelliert werden mit zwei verrechnungskonten. Kann man auch ohne machen. Denke die grundsätzliche Aussage ist klar. Wenn du das nicht schaffst ist ja auch nicht so schlimm. Du trollst erst seit 20 Jahren. Da hat man nicht so viel aufgeschnappt . Tief durchatmen hilft da.

ajax response

_ro_ro — Tue, 23 Jan 2024 21:01:23 GMT

@firefly sagte in ajax response: @_ro_ro sagte in ajax response: @Achromat na das ist doch mal ne gute Nachricht Falls Du öfter was mit Ajax machst, lohnt es sich evntl. über eine eigene Library nachzudenken. Die man in etwa so anwendet: Wieso eine eigene library erstellen wenn es schon ein haufen gibt, welche das schon machen. Wieso überhaupt selber programmieren!? MFG PS: jquery ja aber nicht für ajax. Viel zu umständlich.

CGI

SeppJ — Mon, 08 Jan 2024 07:54:04 GMT

Ich glaube nicht, dass die Enkelkinder der Fragestellenden daran noch interessiert sind.

Vereinfachtes GIF-Format, Decoder in JS

[[global:former_user]] — Wed, 01 Nov 2023 23:12:28 GMT

Ich hab wieder "rein zufällig" etwas im www gefunden. Ein vereinfachtes GIF-Format könnte so sein: Byte: Breite in Pixeln Byte: Höhe in Pxeln Byte: Anzahl Bit für die Anzahl aufeinanderfolgender Pixel gleicher Farbe Byte: Farbtiefe Danach Farbindex: 3 Byte für jede Farbe (Farbangabe in RGB, je 1 Byte pro Farbkanal) Danach immer: Pixelfarbe (laut Index) und Anzahl Pixel dieser Farbe; die Pixel werden v.l.n.r., Zeile für Zeile notiert Und hier wäre ein Beispiel: https://postimg.cc/RqS0kyt5 Ich dachte, ich schreibe einen kleinen Decoder dafür JS (damit ist das, glaube ich, am einfachsten?). Könnt ihr bitte einmal schauen, ob man Zeile 18 bis 39 (die Decodierung im Innern der Schleife) vereinfachen könnte? function getImage(binaryData) { const width = 150; const height = 150; const cellSize = 30; // create canvas let canvas = document.createElement("canvas"), context = canvas.getContext("2d"), imgData = context.createImageData(width, height); canvas.height = height; canvas.width = width; let width2, height2, blockSize, colorDepth; let colors = []; let pixels = []; for (let i = 0; i < binaryData.length; ) { if (i == 0) { width2 = parseInt(binaryData.substring(i, i + 8), 2); height2 = parseInt(binaryData.substring(i + 8, i + 16), 2); blockSize = parseInt(binaryData.substring(i + 16, i + 24), 2); colorDepth = parseInt(binaryData.substring(i + 24, i + 32), 2); i += 32; } if (i >= 32 && i < Math.pow(2, colorDepth) * 24 + 32) { let r = parseInt(binaryData.substring(i, i + 8), 2); let g = parseInt(binaryData.substring(i + 8, i + 16), 2); let b = parseInt(binaryData.substring(i + 16, i + 24), 2); colors.push([r, g, b]); i += 24; } if (i >= Math.pow(2, colorDepth) * 24 + 32) { let color = colors[parseInt(binaryData.substring(i, i + colorDepth), 2)]; let size = parseInt(binaryData.substring(i + colorDepth, i + colorDepth + blockSize), 2); for (let j = 0; j < size; j++) { pixels.push(color); } i += colorDepth + blockSize; } } for (let i = 0; i < width * height; i++) { let x = Math.floor((i % width) / cellSize); let y = Math.floor(i / height / cellSize); let i2 = y * width2 + x; let i3 = i * 4; if (x < width2 && y < height2) { let color = pixels[i2]; imgData.data[i3] = color[0]; imgData.data[i3 + 1] = color[1]; imgData.data[i3 + 2] = color[2]; imgData.data[i3 + 3] = 255; // Alpha channel } else { imgData.data[i3] = 255; imgData.data[i3 + 1] = 255; imgData.data[i3 + 2] = 255; imgData.data[i3 + 3] = 255; // Alpha channel } } // put data to context at (0, 0) context.putImageData(imgData, 0, 0); // output image var img = new Image(); img.src = canvas.toDataURL("image/png"); return img; } document.body.appendChild( getImage( "00000100 00000101 00000010 00000010 00000000 00000000 00000000 01010101 01010101 01010101 01010101 01010101 01010101 11111111 11111111 11111111 01110001 01011110 10010110 11010001 01011110 00010111 0001" .split(" ") .join("") ) ); Run: https://jsfiddle.net/z6c1nw7j/

Latex springt

biter — Mon, 30 Oct 2023 14:52:37 GMT

MathML ist die Lösung !

Alternative zu Discourse mit geringerem Footprint

CyborgBeta — Tue, 05 Sep 2023 16:17:35 GMT

Hab's hinbekommen. Siehe Scan-Summary: https://i.postimg.cc/zXcwMdHb/grafik.png Ich habe für MariaDB jetzt das offizielle Docker-Image und einen eigenen Container verwendet. (So, wie man das ja auch eigentlich tun sollte ...) Hier kann dann zu, nach meiner Meinung

Umrechnungstabelle in JavaScript!

CyborgBeta — Fri, 01 Sep 2023 12:29:18 GMT

Ja, habe es inzwischen selber hinbekommen. Es ist jetzt kürzer, besser und "schöner": Umrechnungstabelle

Coin	Betrag	Betrag $	Kurs	Betrag Neu

Die inline-Funktion konnte ich mit this aufrufen, und der float-Wert wird mit Number(this.value) === parseFloat(this.value) auf Validität überprüft, und die letzten Preise werden jetzt zwischengespeichert und nicht mehr (umständlich) aus der Tabelle gezogen und geparst. Falls dennoch irgendetwas Komisches auffällt, bin ich für Ratschläge offen.

Videos im Browser abspielen (mit Ton!)

[[global:former_user]] — Sun, 23 Jul 2023 13:28:28 GMT

Hm, hab etwas herausgefunden. Wenn ich die Intervall-Zeit in Zeile 93 von 500ms auf 1500ms erhöhe, dann kann ich anstatt ca. 5 Minuten, ca. 7 Minuten Video schauen - als würde der Browser irgendwann sagen, so, nun sind insgesamt zu viele Anfragen "unbeantwortet geblieben/ins Leere gelaufen", jetzt breche ich die Verarbeitung ab. Aber erklären kann ich mir das nicht. JavaScript verhält sich manchmal merkwürdig ...

js, Reihenfolge der Ausgaben erzwingen

[[global:former_user]] — Sun, 16 Jul 2023 19:06:47 GMT

Ist doch gut jetzt. Man kann auch von etwas Ahnung haben, ohne es zu gelesen haben müssen.

Focalboard mit docker compose und sqlite3 db starten

[[global:former_user]] — Tue, 04 Jul 2023 19:15:35 GMT

Hm, mit "dbconfig": "./focalboard.db?_busy_timeout=5000", scheint es zu funktionieren. Hier gefunden: https://github.com/mattermost/focalboard/blob/main/config.json . Weiß nur noch nicht, ob die Daten jetzt auch persistiert werden.

JS: Bitcoin-Umrechnungsmatrix selber schreiben

[[global:former_user]] — Tue, 13 Jun 2023 16:17:54 GMT

Keiner? So schlimm ist JavaScript ( ES) doch auch wieder nicht... *duck* E: Laut W3C Markup Validation Service auch keine Fehler... E2: Ihr könnt euch mit wenigen Klicks auch selber einen API-Key generieren lassen und es ausprobieren.

Google Home Web... wieso geht das nicht?

[[global:former_user]] — Tue, 09 May 2023 18:06:57 GMT

https://i.postimg.cc/KvX1Jy0V/grafik.png Auf home.google.com werden nur Kameras unterstützt Ich möchte Licht(er) via Website steuern. Wieso darf ich das nicht? Gibt es eine andere Schnittstelle?

(Einfache) JavaScript Library (pure), um Line Chart mit Dates zu zeichnen

[[global:former_user]] — Tue, 02 May 2023 08:03:14 GMT

Hat schon geklappt https://i.postimg.cc/xdDLyYBR/grafik.png Chart(s)

Merke: Verwende am besten niemals eine Library, die nicht open source ist...

SSH port forwarding nicht an localhost

[[global:former_user]] — Fri, 24 Mar 2023 14:26:50 GMT

@Fragender sagte in SSH port forwarding nicht an localhost: dann stimmt was mit meiner FW net lag an der FW (diese hatte noch zu viele Ausnahmen). Das, was ich möchte, kann logisch gesehen nicht funktionieren. Win kann nicht wissen, ob ich mit dem Domainnamen nun ssh oder den Dienst ansteuern möchte. Oder ich hab was übersehen. Durchgelesen hab ich mir das: https://superuser.com/questions/1345341/ssh-local-port-forwarding-to-a-website https://superuser.com/questions/1361611/ssh-tunnel-bind-to-domain https://serverfault.com/questions/347499/how-to-assign-a-hostname-to-ssh-tunnel Falls jemand noch eine Idee hat, gerne sagen.

Wie python-binance API (richtig) verwenden?

[[global:former_user]] — Sat, 18 Mar 2023 11:30:50 GMT

@Leon0402 sagte in Wie python-binance API (richtig) verwenden?: Geht halt nicht genau auf, Das ist nicht schlimm. Ich hab es jetzt hinbekommen: from binance.helpers import round_step_size from binance.enums import * from binance import Client def getStepSize(einfo, symbol): for s in einfo["symbols"]: if s["symbol"] == symbol: for f in s["filters"]: if f["filterType"] == "LOT_SIZE": return float(f["stepSize"]) raise Exception("Symbol on einfo not found.") client = Client( "", "") info = client.get_account() einfo = client.get_exchange_info() balances = info["balances"] prices = client.get_all_tickers() assets = [] for b in balances: f = float(b["free"]) if f != 0: n = b["asset"] if n == "NFT" or n == "ETHW": continue busd = 1.0 if n == "USDT" else float( next(p for p in prices if p["symbol"] == n+"BUSD")["price"]) sum1 = f + float(b["locked"]) sum2 = round(busd * sum1, 2) assets.append({ "name": n, "busd": busd, "sum1": sum1, "sum2": sum2 }) assets = sorted(assets, key=lambda d: d["sum2"], reverse=True) sum3 = sum(d["sum2"] for d in assets) sum4 = round(sum3 / 6, 2) print(sum3, sum4) print(*assets, sep="\n") assets = list(filter(lambda d: d["name"] != "USDT" and d["sum2"] > 10 and abs(sum4 - d["sum2"]) > 10, assets)) for d in assets: symbol = d["name"]+"USDT" if d["sum2"] >= sum4: print(d) print(d["name"]+" -> USDT (Sell): " + str(d["sum2"] - sum4) + " $") amount = (d["sum2"] - sum4) / d["busd"] amount = round_step_size(amount, getStepSize(einfo, symbol)) print(client.create_test_order( symbol=symbol, side=SIDE_SELL, type=ORDER_TYPE_MARKET, quantity=amount)) # to avoid negative balance: sum3 -= 5 sum4 = round(sum3 / 6, 2) print(sum3, sum4) for d in assets: symbol = d["name"]+"USDT" if d["sum2"] < sum4: print(d) print("USDT -> "+d["name"]+" (Buy): " + str(sum4 - d["sum2"]) + " $") amount = (sum4 - d["sum2"]) / d["busd"] amount = round_step_size(amount, getStepSize(einfo, symbol)) print(client.create_test_order( symbol=symbol, side=SIDE_BUY, type=ORDER_TYPE_MARKET, quantity=amount)) Bei create_test_order kann man _test weglassen, dann ist das Ganze scharfgestellt... War halt "blödes" rechnen mit der step_size... Danke nochmals