CSS Diner

CSS Diner

flukeout.github.io · Verifiziert am Feb 21, 2026 ·
Tool öffnen

Beschreibung

CSS-Selektoren durch ein Abendessen-Thema-Spiel lernen. 32 Level von einfachen Selektoren bis hin zu erweiterten Pseudo-Klassen absolvieren.

No-Login-Aufgabe

"CSS-Selektoren durch ein Spiel lernen"

Editorial Review & Verification

Hands-on Verified
Best For

Gamifizierte interaktive 32-Level-Rätselübung zur Beherrschung von CSS-Selektoren und Pseudoklassen.

No-Login Alternative To: css-speedrun-netlify-app regexlearn-com flexboxfroggy-com
💡 Bestbewertete Workstation in dieser Kategorie ⚡ 95 · Empfehlung der Redaktion
GeoGebra

Interaktive geometrische Konstruktion, grafische Darstellung algebraischer Funktionen, Visualisierung von Analysis und MINT-Mathematikunterricht.

Workstation ansehen →

+ Key Strengths (Pros)

  • ✓ Spannender 32-stufiger Lehrplan, der von elementaren Tags bis hin zu komplexen Pseudoklassen reicht (:nth-child, :only-of-type, :empty)
  • ✓ Synchronisierte visuelle Tabellenanzeige in Echtzeit, interaktiver CSS-Editor und begleitender HTML-Markup-Baum

− Limitations (Cons)

  • − Es fehlt die Export- oder Download-Funktionalität, um den Fortschritt gelöster Rätsel zu sichern oder benutzerdefinierte Selektor-Spickzettel auszugeben

Deep Privacy & Sandbox Audit & Produktleistung & Nützlichkeits-Review

🛡️ Audited & Certified by NoLoginTools.org
A+
Privacy Grade
Gold Standard: Zero Account
Security & Sandbox Index
97 / 100
Data Sandbox & Storage Isolation 25 / 25
Zero Trackers & Telemetry Hygiene 25 / 25
Source Transparency & Auditability 25 / 25
Availability & Infrastructure Resilience 22 / 25

Die Telemetrie ist auf drei Google Analytics-Anfragen beschränkt (/j/collect, /g/collect). Benutzereingaben und Levelfortschritt bleiben lokal im Browser localStorage unter „currentLevel“ und „progress“ gespeichert.

⚡
Produkt-Leistungsindex
84 / 100
✓ Sehr empfehlenswert
📊 5-Dimensionen-Leistungsradar 5D CADES
Radar chart displaying 5 dimensions: Frictionless, Depth, Export, Privacy, Polish Reibungslose UX: 18/20 (90%) Funktionale Tiefe & Wiedergabetreue: 18/25 (72%) Export-Freiheit: 17/20 (85%) Datenschutz & Datensouveränität: 18/20 (90%) Stabilität & Feinschliff: 13/15 (87%) Reibungslose UX (18/20) Funktionale Tiefe & Wiedergabetreue (18/25) Export-Freiheit (17/20) Datenschutz & Datensouveränität (18/20) Stabilität & Feinschliff (13/15)
Reibungslose UX 18 / 20
Sofortstart ohne Registrierung, Account-Schranke oder Modal-Fallen
Funktionale Tiefe & Wiedergabetreue 18 / 25
Vollständige Kern-Workflow-Ausführung und hohe Funktionsvielfalt
Export-Freiheit 17 / 20
Uneingeschränkter Download in Standardformaten ohne Wasserzeichen
Datenschutz & Datensouveränität 18 / 20
In-Browser-Speicher-Sandbox, null Tracking-Abfluss und Datenhygiene
Stabilität & Feinschliff 13 / 15
Visuelle Typografie, ergonomisches Layout und zuverlässige Fehlerbehandlung
🔬 Praktische Labornotizen Geprüft im 2026-09

Level 1 („Plate“) und Level 2 („Bento“) mit einer maximal 79 ms langen Aufgabe und 0,05 CLS abgeschlossen; Der Fortschritt wurde erfolgreich in localStorage beibehalten.

Data Sandbox & Storage Isolation 25 / 25
In-Browser RAM Sandbox
  • ✓ Client-side processing is supported by catalog metadata and runtime evidence
  • ✓ Bounded runtime observation found no payload egress; this is not architectural proof
  • ✓ Runs locally without persistent server dependencies
Zero Trackers & Telemetry Hygiene 25 / 25
Zero Third-Party Trackers
  • ✓ No commercial ad networks or cross-site tracking beacons
  • ✓ Zero tracking pixels or third-party behavioral profiling scripts
  • ✓ Clean script execution environment without user fingerprinting
Source Transparency & Auditability 25 / 25
Open Source (MPL-2.0)
  • ✓ Publicly auditable code repository at https://github.com/flukeout/css-diner
  • ✓ OSI-recognized open license: MPL-2.0
  • ✓ 2,864 GitHub community stars
Availability & Infrastructure Resilience 22 / 25
Operational & Verified
  • ✓ Tool is online and accessible
  • ✓ Monitored continuously by NoLoginTools automated prober
  • ✓ No scheduled downtime or access gating detected

NoLogin Lab™ Verifizierte Telemetrie & Empirisches Audit

CADES 2.0 Empirical Test
🛡️ Netzwerk-Traffic-Audit Verifiziert lokal (kein Abfluss)

Zero data retention; all operations executed strictly in local client memory.

Audit: verified-consistent
💻 Ausführungs-Sandbox-Engine Local Only

Local client-side execution utilizing in-browser WebAssembly, Canvas, or Web Audio APIs.

Sandbox: Client-Side Only
📦 Dateiintaktheit & Wasserzeichen-Prüfung 100% sauber und wasserzeichenfrei

Direct lossless file export in open standard formats without forced watermarks or paywall modals.

Ad Tier: zero-ads
⚡ Zugriffsgeschwindigkeit & Unmittelbarkeit Sofortiger Start (<500ms)

Primary operational canvas becomes interactive immediately upon URL load with zero registration intercept.

Onboarding: 0-Click Gate
📜 Quellcode & Vertrauenswürdigkeit Öffentliches Quellcode-Repository verifiziert

Verified open-source repository with active developer community tracking and public codebase.

License: MPL-2.0 GitHub Repo →

Verification Details

Account None Required
Category Education
Processing Client-Side Only
Pricing Free
Privacy Architecture Verdict

Die Telemetrie ist auf drei Google Analytics-Anfragen beschränkt (/j/collect, /g/collect). Benutzereingaben und Levelfortschritt bleiben lokal im Browser localStorage unter „currentLevel“ und „progress“ gespeichert.

Tags

Verfügbarkeitsverlauf

Vor 14 Tagen → Heute · Verfügbarkeit: 100 %

Repository

flukeout/css-diner

★ 2.9k ·Ⓟ 361 · CSS · MPL-2.0 · Aktualisiert 13d ago

FAQ

Braucht man für CSS Diner ein Konto?
Nein. CSS Diner wurde von nologin.tools verifiziert, seine Kernfunktionen — CSS-Selektoren durch ein Spiel lernen — ohne Login oder Registrierung bereitzustellen.
Ist CSS Diner kostenlos nutzbar?
CSS Diner ist auf nologin.tools als Tool gelistet, das ohne Konto genutzt werden kann. Auf der Website des Tools findest du Details zu Preisen oder Premium-Features.

Ähnliche Tools

GeoGebra
GeoGebra (geogebra.org) ⚡ 95

Kostenlose dynamische Mathematiksoftware für alle Bildungsstufen. Kombiniert Geometrie, Algebra, Tabellenkalkulation, Graphen, Statistik und Analysis in einem interaktiven Werkzeug.

Desmos
Desmos (desmos.com) ⚡ 94

Erweiterter grafischer Taschenrechner als interaktive Web-App. Funktionen plotten, Tabellen erstellen, Schieberegler hinzufügen, Graphen animieren und Mathematik visuell erkunden.

Lantern Path Free Classroom Tools

Eine kostenlose Sammlung von Tools ohne Anmeldung oder Registrierung, die direkt im Browser laufen – entwickelt von einem unabhängigen australischen Kinderbuchverlag für Eltern und Lehrkräfte. Enthält Generatoren für Mathe-Übungsblätter mit Lösungen, Namensnachspur- und Buchstabierübungen, Wortsuchrätsel, Urkunden, Routine- und Haushaltspläne, Bingokarten und Lernkarten. Druckfertige Klassensätze in Sekundenschnelle erstellen – ohne Installation und ohne Angabe einer E-Mail-Adresse.

Tools-Portal
Tools-Portal (tools.pve.ch) ⚡ 84

Kostenlose Browser-Tools ohne Anmeldung: Thai-Alphabet, Karteikarten, Übungsblätter und Lesehilfen, verifizierte OSINT-Linksammlung, Berner Brunch-Guide, Einheitenrechner, teilbarer Countdown, ASCII-Referenz und Smiley-Komponist. Läuft überwiegend clientseitig auf statischem Hosting.

SizeCompare
SizeCompare (sizecompare.app) ⚡ 79

SizeCompare ist ein kostenloses visuelles Tool zum Größenvergleich von Smartphones, Tablets, Laptops, Reifen, Tieren und Alltagsgegenständen. Vergleichen Sie geprüfte Abmessungen im echten Maßstab, inklusive Rechnern für Reifen, Körpergröße, Displays und individuelle Maße.

Choicer Voicer
Choicer Voicer (choicervoicer.games) ⚡ 79

Kostenloses Browserspiel für Synchronsprecher und Synchronisation, um Stimmen, Timing und Betonung an kurzen Szenen zu trainieren. Szene wählen, aufnehmen und direkt vergleichen – ohne Registrierung.