Artikel
Praktische Anleitungen zu CSS, Farbe und Design für Entwickler und Designer.
Wie man eine konsistente Markenfarbenpalette von Grund auf erstellt
Schritt-für-Schritt-Anleitung zur Auswahl Ihrer primären Markenfarbe, Generierung von Harmonien, WCAG-Kontrastprüfung und Export von CSS-Variablen.
RAL vs Pantone vs HEX: welches Farbsystem Sie wann verwenden sollten
Ein vollständiger, ehrlicher Vergleich der Farbsysteme RAL, Pantone und HEX. Technische Grundlagen, Anwendungsfälle und die richtige Wahl für Ihr Projekt.
Der vollständige CSS-Schatten-Guide: box-shadow, drop-shadow und text-shadow erklärt
Meistern Sie alle drei CSS-Schattentechniken. Unterschiede, Parameter, Praxis-Patterns und Performance-Tipps mit Live-Beispielen.
CSS Glassmorphism 2025: die richtige Implementierung
Glassmorphism richtig implementieren: backdrop-filter, WCAG-Kontrast, Mobile-Performance, Progressive Fallback. Der aktuelle Leitfaden.
px, rem, em, vh: Wann welche CSS-Einheit verwenden
Praktischer Leitfaden zu CSS-Einheiten: Wann px, rem, em, vh und vw verwenden. Mit Barrierefreiheitserklärung und Konvertierungstabelle.
Wie man eine Farbpalette aus einem Bild extrahiert (und sie im Design nutzt)
Pipette vs. automatische Extraktion, dominante vs. repräsentative Farben und ein praktischer Workflow, um Fotos und Mood Boards in ein verwendbares Designsystem zu verwandeln.
SVG vs PNG vs WebP: der definitive Leitfaden für Webdesigner 2025
Der ehrliche Vergleich von SVG, PNG und WebP für jeden Anwendungsfall: Logos, Icons, Fotografie, Illustrationen, Favicons und E-Mail. Inklusive wann SVG trotz größerer Dateigröße gewinnt und wann WebP PNG überflüssig macht.
CSS Gradients: Der vollständige Guide von linear bis conic
Meistern Sie alle drei CSS-Gradient-Typen — linear, radial und conic — mit fortgeschrittenen Color Stops, Winkeln, Hints und echten Mustern wie Streifenhintergründen, Gradient-Text und Mesh-Gradients.
HEX zu RGB: Der vollständige Konvertierungsleitfaden
Lerne, wie du HEX-Farbcodes manuell und mit Tools in RGB-Werte umwandelst. Verstehe die Mathematik, praktische Anwendungsfälle und wann du welches Format in CSS verwendest.
Farbpaletten-Generator: Harmonische Farbschemata erstellen
Entdecke, wie du professionelle Farbpaletten mit Farbtheorie erstellst. Lerne komplementäre, analoge, triadische Schemata kennen.
PX zu REM: Der Entwicklerleitfaden für skalierbare Typografie
Meistere die CSS-Einheitenkonvertierung von px zu rem. Lerne, warum rem-Einheiten die Zugänglichkeit verbessern.
Farbkontrast: WCAG-Richtlinien für barrierefreies Design
Lerne, wie du Farbkontrastverhältnisse für WCAG 2.1 AA/AAA-Konformität überprüfst und korrigierst.
CSS Gradient Generator: Vollständiger Leitfaden für lineare und radiale Verläufe
Meistere CSS-Verläufe: linear, radial und konisch. Lerne Syntax, Farbstopps, Winkel und kreative Techniken.
HEX zu RAL: Digitale Farben in Industriestandards umwandeln
Lerne, wie du HEX-Farben für Druck, Lackierung und Fertigung in RAL-Codes umwandelst.
Favicon Generator: Vollständiger Leitfaden für Browser-Icons
Erstelle perfekte Favicons für alle Browser und Geräte. Lerne die erforderlichen Größen, Formate und HTML-Tags.
Tints und Shades: Farbskalen für Design-Systeme erstellen
Lerne, wie du Tints und Shades aus einer Basisfarbe erzeugst, um professionelle Design-System-Farbskalen zu erstellen.
Seitenverhältnis-Rechner: Breiten-Höhen-Verhältnisse verstehen
Meistere Seitenverhältnisse für Video, Bilder und responsives Design. Lerne 16:9, 4:3, 1:1 Verhältnisse.
Schriftkombinationsguide: Schriftarten effektiv kombinieren
Lerne die Prinzipien der Schriftkombination: Kontrast, Hierarchie und Lesbarkeit.
CSS Box Shadow: Vollständiger Leitfaden mit Beispielen
Meistere CSS box-shadow: Syntax, mehrfache Schatten, Innen-Schatten und kreative Effekte.
CSS Border Radius: Formen, Blobs und kreative Ecken
Erkunde CSS border-radius von einfachen abgerundeten Ecken bis zu komplexen Blob-Formen.
Glassmorphism CSS: Glaseffekt-UI erstellen
Lerne, wie du Glassmorphism in CSS implementierst: backdrop-filter, Blur, Transparenz und Border-Tricks.
CSS Text Shadow: Effekte, Neon und Typografie-Tricks
Meistere CSS text-shadow: Syntax, mehrfache Schatten, Neon-Glühen, Prägungseffekte.
Neumorphism CSS: Soft-UI-Design-Technik erklärt
Verstehe und implementiere Neumorphism in CSS mit dualen Box-Shadows. Lerne Farbanforderungen und Barrierefreiheitsprobleme.
SVG zu PNG: Wann und wie man Vektor in Raster umwandelt
Lerne, wann du SVG vs PNG verwendest, wie du zwischen ihnen konvertierst und die Auswirkungen auf Qualität und Leistung.
Bild zu Base64: Bilder für CSS und HTML kodieren
Verstehe Base64-Kodierung für Bilder: Funktionsweise, Verwendung in CSS-Data-URIs und HTML, Größenabwägungen.
Lorem Ipsum: Geschichte und Verwendung im modernen Webdesign
Erkunde die Ursprünge von Lorem Ipsum, warum Designer es verwenden und Alternativen für realistisches Prototyping.
Base64-Kodierung: Was es ist und wann man es verwendet
Vertiefung in Base64-Kodierung: Algorithmus, Zeichensatz, Padding, Anwendungsfälle in der Webentwicklung.
JSON Formatter: JSON validieren, formatieren und verstehen
Lerne JSON-Syntax, häufige Validierungsfehler, Formatierungsbest Practices und wie du JSON in APIs verwendest.
Unix-Timestamp: Epoch-Zeit verstehen und konvertieren
Verstehe Unix-Timestamps, Epoch-Zeit und wie du zwischen Timestamp und lesbaren Daten konvertierst.
Einheitenrechner: Länge, Gewicht, Temperatur und mehr
Meistere Einheitenumrechnungen für den Alltag und wissenschaftliche Zwecke: metrisch vs imperial, Temperaturformeln.
CSS Filter: Blur, Helligkeit und Bildeffekte erklärt
Meistere CSS-Filterfunktionen: blur, brightness, contrast, grayscale, hue-rotate, saturate und mehr.
Farbenblindheit im UI-Design: Barrierefreie Farbwahl
Design für Farbenblindheit: Verstehe Deuteranopie, Protanopie, Tritanopie und wie du deine UI testest.
Farbpsychologie im UI-Design: Was die Forschung wirklich sagt
Die meisten Artikel zur Farbpsychologie wiederholen dieselben Verallgemeinerungen. Dieser zitiert echte Studien — Rot und Dringlichkeit, Blau und Vertrauen, Grün und Aktion — mit praktischen Anwendungen für UI-Design.