Security Playground
EntwicklerbildungWeb-Sicherheitslabor
Interaktive Demos häufiger Web-Sicherheitsprobleme und sichererer Umsetzungsmuster.
Nuxt / Vue 3 / Web Security / OWASP
Experimente
Kleine interaktive Werkzeuge und Laborprojekte. Einige sind direkt nutzbar, andere zeigen einzelne technische Ansätze.
Interaktive Werkzeuge
Kleine Hilfsmittel zum Skizzieren, Umwandeln und Prüfen von Oberflächendetails direkt im Browser.
Ausgewähltes Werkzeug
Systemarchitektur skizzieren
Erstelle einen kompakten ersten Architekturentwurf aus Einsatzbereich, Rahmenbedingung und Anforderung.
Ein generierter Entwurf, keine fertige Architektur.
JSON in TypeScript umwandeln
Füge JSON ein und erzeuge eine einfache TypeScript-Schnittstelle lokal im Browser.
Die generierte Schnittstelle erscheint hier.
Kontrastprüfung für Barrierefreiheit
Prüfe den Kontrast zwischen Text und Hintergrund anhand gängiger WCAG-Grenzwerte.
Vorschau
Dieses Beispiel zeigt normalen Oberflächentext auf dem gewählten Hintergrund.
Vorschau für großen Text
Kontrastverhältnis
9.90:1
Normaler Text AAErfüllt
Großer Text AAErfüllt
Normaler Text AAAErfüllt
Großer Text AAAErfüllt
Starker Kontrast für normalen und großen Text.
Laborprojekte
Kleine Werkzeuge, Lernprojekte und experimentelle Entwicklungen ergänzen die größeren Arbeiten auf der Projektseite.
PageScope
Browser-ErweiterungEntwicklerwerkzeug
Chrome-Erweiterung, die Websites lokal analysiert und Zusammenfassungen, Metadaten und Technologiehinweise liefert.
Chrome Extensions / JavaScript / Manifest V3 / HTML / CSS
i18n Linter CLI
CLI-WerkzeugEntwicklungsabläufe
CLI-Werkzeug zur Prüfung von Übersetzungsdateien auf fehlende und zusätzliche Schlüssel sowie abweichende Platzhalter.
Node.js / TypeScript / CLI / npm
Family Space
Persönliche OrganisationFirebase-Anwendung
Familienorganisations-App mit gemeinsamen Kalendern, Aufgabenverwaltung, Nachrichten und Zusammenarbeit über Firebase.
Nuxt / Vue 3 / TypeScript / Tailwind CSS / Firebase
MindQ Lab
Eigenständiges ProduktLernerlebnis
Plattform für Psychologie und persönliche Entwicklung, die strukturiertes Lernen, täglichen Fortschritt und reflektierende Nutzerführung verbindet.
Nuxt / TypeScript / Firebase / Tailwind CSS
Sunlit Tales / Poetry Mood Game
InhaltsplattformKreatives Web
Lyrik- und Inhaltsplattform mit einer KI-Stimmungs- und Spielfunktion, die russischsprachige Literaturquizrunden aus vorhandenen Gedichten erstellt.
Node.js / Nuxt / Tailwind CSS / Sanity / MongoDB