Advanced Search
Search Results
480 total results found
OKLCH
OKLCH - SCSS/SASS - Dark/Light Mode
Wenn deine Farben bereits als oklch(...) vorliegen, kannst du eine Funktion bauen, die einfach den Lightness-Wert umkehrt: $$L_{\text{neu}} = 1 - L$$ Also aus: oklch(0.3 0.15 30) wird: oklch(0.7 0.15 30) Einfache Sass-Funktion @use "sass:color"; @use "sass:...
HSL lightness is not true perceived brightness 🎨
The L value in HSL is only a geometric quantity within that color model. It is not defined so that colors with the same L are perceived by humans as equally bright. A typical example: a strong yellow a strong blue can have the same HSL L value, yet yellow wi...
Ways to define colors in CSS — from HEX to OKLCH 🎨
CSS has accumulated quite a few ways to describe color over the years. Some are familiar and compact, like #ff0000; some are practical and expressive, like rgb(255 0 0 / 0.5); and some are modern, powerful, and much better aligned with human perception—especia...
Web-Tools (z.B. NVM, NodeJS)
NVM & Node.js Cheat Sheet
1. NVM Installation & Updates Installation (Linux/macOS) # Installation via curl curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash # ODER via wget wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash ...
Node.js Update Script fĂĽr Windows 11 (mit NVM)
Hier ist ein PowerShell-Script, das alles automatisch erledigt: 📄 update-node.ps1 # ============================================ # Node.js Update Script für Windows 11 (NVM) # ============================================ Write-Host "`n🚀 Node.js Update Script ...
NVM, NodeJS
Erweitertes Script - Mit Cleanup alter Versionen
Hier ist das erweiterte Script, das nach der Installation alle anderen Node.js Versionen entfernt: đź“„ update-node.ps1 (Mit Cleanup) # ============================================ # Node.js Update Script fĂĽr Windows 11 (NVM) # LTS VERSION + CLEANUP # ===========...
pi.dev
KI-Agent
Was ist Pi.Dev?
Einleitung und Kontext Das Video stellt Pi vor (auch bekannt als "Shitty Coding Agent" oder offiziell unter pi.dev erreichbar) - einen minimalistischen, erweiterbaren Coding-Agenten, der sich bewusst von der Feature-Ăśberladung anderer Tools absetzt. Der Erstel...
AusfĂĽhrliche Zusammenfassung: "Babysitter" - Ein KI-Orchestrierungssystem fĂĽr deterministische Ergebnisse
Einleitung und Problemstellung Der Videoersteller beginnt mit einer ehrlichen Bestandsaufnahme der aktuellen KI-Landschaft: Niemand weiß wirklich, wohin sich KI entwickelt – auch wenn viele so tun, als hätten sie alle Antworten. Was er jedoch mit Sicherheit sa...
Tech-Whistleblower Mo Gawdat warnt: Nur noch 3 Jahre bis zum groĂźen Knall!
Tech-Whistleblower Mo Gawdat warnt: Nur noch 3 Jahre bis zum groĂźen Knall! In dem Video spricht Steven Bartlett mit Mo Gawdat, dem frĂĽheren Chief Business Officer von Google X und Autor mehrerer BĂĽcher, unter anderem ĂĽber GlĂĽck und KĂĽnstliche Intelligenz. Das ...
Pi.Dev
Pi ist ein minimalistisches Terminal-Entwicklungs-Framework. Es ist so konzipiert, dass es im Kern schlank bleibt, sich aber durch TypeScript-Erweiterungen, Skills, Prompt-Vorlagen, Designs und Pi-Pakete erweitern lässt.
Pi.Dev | Liste von Fragen bzw. Inhaltsverzeichnis
Ich möchte Pi.Dev lernen, weshalb ich mir die gesamte aktuelle Dokumentation als Markdown-Datei gespeichert habe. Ich will an diese Markdown-Datei Fragen stellen, die dann per RAG verarbeitet werden, weil ja sonst der Kontext explodieren würde. Bitte mache mir...
Fragen zu Pi: Ăśberblick und Orientierung
Was ist Pi.Dev laut Dokumentation? Pi.Dev ist laut Dokumentation die Plattform bzw. Dokumentationsseite fĂĽr Pi, einen Coding-Agenten fĂĽr das Terminal, der als npm-Paket installiert wird und fĂĽr interaktive Sessions, Konfiguration, Provider-Setup und programmge...
Pi Cheat Sheet fĂĽr Windows 11
Kurz, praxisnah und auf schnelle Produktivität ausgelegt. 1. Was ist Pi? Pi ist ein minimaler terminalbasierter Coding-Agent. Er kann mit Modellen sprechen und standardmäßig in deinem Projekt: Dateien lesen Dateien schreiben Dateien patchen Shell-Kommandos aus...
Pi + Straico
Schreibe mir eine ausführliche Anleitung, wie ich meine laufende Straico-Ollama-Proxy-Instanz in Pi nutzen kann. Also welche Dateien (wahrscheinlich im .pi-Ordner) muss ich editieren und wie? Klar — hier ist eine ausführliche Schritt-für-Schritt-Anleitung, wie...
Pi: Packages aktualiseren
Packages in Pi kannst du mit den pi update-Befehlen aktualisieren: Alle Packages aktualisieren: pi update oder nur die Extensions/Packages: pi update --extensions Nur ein bestimmtes Package aktualisieren: pi update npm:@foo/bar oder: pi update --extension npm...
Pi: Sich vorstellen?
Ja — dafür gibt es nicht unbedingt einen speziellen „Vorstellungs“-Befehl, aber es gibt in Pi klare Wege, solche Präferenzen festzuhalten. Am passendsten aus deinem Kontext: 1. Über AGENTS.md Pi lädt beim Start automatisch: ~/.pi/agent/AGENTS.md für globale A...
Pi: NPM Pakete analysieren und aufräumen
1. Installierte Pakete anzeigen # Alle installierten Pakete (Top-Level) npm list --depth=0 # Inklusive Dev-Dependencies npm list --depth=0 --all # Global installierte Pakete npm list -g --depth=0 # Als JSON fĂĽr weitere Verarbeitung npm list --json 2. Ungenutzt...
Free!
KI völlig kostenlos!
Ollama aufs nächste Level gebracht
Echt starke Kombi 100% gratis! Hiermit könnt ihr so gut wie alles machen und es ist super einfach: Ollama installieren: https://ollama.com/download/windows Das Terminal öffnen (einfach nach "PowerShell" suchen) und dort folgendes eingeben, um sich die besten u...
Ollama Next Level
A really powerful combo—100% free! You can use this to do just about anything, and it’s super easy: Install Ollama: https://ollama.com/download/windows Open the terminal (just search for “PowerShell”) and enter the following to download the best universal mode...
Music
All About Music In General
Weird
+_~
Warum so viele Popsongs gleich klingen: Das Phänomen der „Gen-Alpha-Melodie“
Manchmal hört man einen neuen Popsong und hat sofort das Gefühl: „Moment mal, diese Melodie kenne ich doch irgendwoher.“ Nicht unbedingt, weil der ganze Song kopiert wäre — sondern weil ein bestimmter melodischer Teil verdächtig vertraut klingt. Genau darum ge...
Media Types
JPG in FastStone
1. Photometric Das beschreibt, wie die Farben intern interpretiert bzw. gespeichert werden. Bei JPEG ist meist relevant: RGB Das Bild wird direkt in Rot, Grün, Blau gespeichert. YCbCr Das ist bei JPEG der Standard bzw. sehr häufig genutzt. Dabei wird das Bild ...
FlyWP
:>
NGINX oder OpenLiteSpeed?
Klar — für WordPress auf FlyWP ist die Frage Nginx oder OpenLiteSpeed (OLS) ziemlich wichtig, weil sie beeinflusst: wie Caching funktioniert wie einfach das Setup ist wie kompatibel Plugins und Regeln sind wie viel Feintuning du später brauchst wie „standard“ ...
oEmbed
oEmbed steuern (in WP)
In WordPress kannst du oEmbed auf 2 Ebenen steuern: was WordPress selbst einbetten darf wo auf deiner Seite fremde Inhalte eingebettet werden dürfen 1. Welche Anbieter WordPress per oEmbed akzeptiert WordPress unterstützt standardmäßig bestimmte Provider, z. B...
oEmbed Provider sehen (in WP)
Ja — am einfachsten direkt per PHP. 1) Alle aktiven oEmbed-Provider ausgeben Temporär in functions.php oder besser in ein kleines Plugin: add_action('admin_init', function () { global $wp_oembed; echo '<pre>'; print_r($wp_oembed->providers); e...
oEmbed Verwaltungs-Plugin (fĂĽr WP) [Opus 4.6]
Nicht getestet! Ein umfassendes WordPress-Plugin zur Verwaltung von oEmbed-Einbettungen. Hier ist der Implementierungsplan: Implementierungsplan Haupt-Plugin-Datei erstellen mit Plugin-Header, Aktivierung/Deaktivierung und Laden der Komponenten Admin-Einstellu...
oEmbed Plugin | eigene Provider definieren
<iframe height="300" style="width: 100%;" scrolling="no" title="GSAP - Animation Triad Demo: Timing, Motion, Meaning" src="https://codepen.io/editor/ZcarecroW/embed/019da77a-6995-7501-9af8-4866e69b7f1c?default-tab=html%2Cresult" frameborder="no" loading="lazy"...