CSS Diner

CSS Diner

flukeout.github.io · Verificada el Feb 21, 2026 ·
Abrir herramienta

Descripción

Aprende selectores CSS jugando a un juego temático de cenas. Completa 32 niveles desde selectores básicos hasta pseudoclases avanzadas.

Tarea sin inicio de sesión

"Aprender selectores CSS a través de un juego"

Editorial Review & Verification

Hands-on Verified
Best For

Práctica gamificada de rompecabezas interactivos de 32 niveles para dominar los selectores y pseudoclases de CSS.

No-Login Alternative To: css-speedrun-netlify-app regexlearn-com flexboxfroggy-com
💡 Estación de trabajo mejor valorada en esta categoría ⚡ 95 · Elección del editor
GeoGebra

Construcción geométrica interactiva, gráficas de funciones algebraicas, visualización de cálculo y educación matemática STEM.

Ver estación de trabajo →

+ Key Strengths (Pros)

  • ✓ Atractivo plan de estudios de 32 niveles que progresa desde etiquetas elementales hasta pseudoclases complejas (:nth-child, :only-of-type, :empty)
  • ✓ Visualización de tabla visual sincronizada en tiempo real, editor CSS interactivo y árbol de marcado HTML complementario

− Limitations (Cons)

  • − Carece de funcionalidad de exportación o descarga para hacer una copia de seguridad del progreso de los rompecabezas resueltos o volcar hojas de trucos personalizadas del selector

Deep Privacy & Sandbox Audit & Revisión de potencia y utilidad del producto

🛡️ 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

La telemetría está limitada a 3 solicitudes de Google Analytics (/j/collect, /g/collect). Las entradas del usuario y el progreso del nivel permanecen almacenados localmente en el almacenamiento local del navegador en "nivel actual" y "progreso".

⚡
Índice de potencia del producto
84 / 100
✓ Muy recomendado
📊 Radar de rendimiento en 5 dimensiones 5D CADES
Radar chart displaying 5 dimensions: Frictionless, Depth, Export, Privacy, Polish UX sin fricción: 18/20 (90%) Profundidad funcional y fidelidad: 18/25 (72%) Libertad de exportación: 17/20 (85%) Privacidad y soberanía de datos: 18/20 (90%) Estabilidad y acabado: 13/15 (87%) UX sin fricción (18/20) Profundidad funcional y fidelidad (18/25) Libertad de exportación (17/20) Privacidad y soberanía de datos (18/20) Estabilidad y acabado (13/15)
UX sin fricción 18 / 20
Inicio instantáneo sin registro, muros de cuenta ni ventanas modales
Profundidad funcional y fidelidad 18 / 25
Finalización completa del flujo de trabajo principal y riqueza de funciones
Libertad de exportación 17 / 20
Descarga sin restricciones en formatos estándar sin marcas de agua
Privacidad y soberanía de datos 18 / 20
Aislamiento en memoria del navegador, cero rastreo y protección de datos
Estabilidad y acabado 13 / 15
Tipografía visual, ergonomía de diseño y recuperación fiable
🔬 Notas prácticas de laboratorio Auditado en 2026-09

Completó el nivel 1 ('placa') y el nivel 2 ('bento') con una tarea de duración máxima de 79 ms y 0,05 CLS; El progreso persistió exitosamente en localStorage.

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

Telemetría verificada y auditoría empírica de NoLogin Lab™

CADES 2.0 Empirical Test
🛡️ Auditoría de tráfico de red Verificado sólo local (sin salida)

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

Audit: verified-consistent
💻 Motor de sandbox de ejecución Local Only

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

Sandbox: Client-Side Only
📦 Integridad de artefactos y marcas de agua 100% limpio y sin marcas de agua

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

Ad Tier: zero-ads
⚡ Velocidad de acceso e inmediatez Inicio instantáneo (<500ms)

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

Onboarding: 0-Click Gate
📜 Código fuente y gobernanza Repositorio de código público verificado

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

La telemetría está limitada a 3 solicitudes de Google Analytics (/j/collect, /g/collect). Las entradas del usuario y el progreso del nivel permanecen almacenados localmente en el almacenamiento local del navegador en "nivel actual" y "progreso".

Etiquetas

Historial de estado

Hace 14 días → Hoy · Disponibilidad: 100%

Repositorio

flukeout/css-diner

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

Preguntas frecuentes

¿CSS Diner requiere una cuenta?
No. nologin.tools ha verificado que CSS Diner proporciona su funcionalidad principal — Aprender selectores CSS a través de un juego — sin necesidad de iniciar sesión ni registrarse.
¿Es CSS Diner gratuita?
CSS Diner está listada en nologin.tools como una herramienta que puedes usar sin crear ninguna cuenta. Consulta el sitio propio de la herramienta para conocer los detalles sobre precios o funciones premium.

Herramientas similares

GeoGebra
GeoGebra (geogebra.org) ⚡ 95

Software matemático dinámico y gratuito para todos los niveles educativos. Combina geometría, álgebra, hojas de cálculo, gráficas, estadística y cálculo en una sola herramienta interactiva.

Desmos
Desmos (desmos.com) ⚡ 94

Calculadora gráfica avanzada implementada como una aplicación web interactiva. Traza funciones, crea tablas, añade deslizadores, anima gráficas y explora las matemáticas de forma visual.

Lantern Path Free Classroom Tools

Un conjunto gratuito de herramientas que funcionan directamente en el navegador, sin registro ni inicio de sesión, creado por una editorial infantil independiente australiana para padres y profesores. Incluye generador de ejercicios de matemáticas con soluciones, generadores de caligrafía y ortografía, creador de sopas de letras, diplomas de reconocimiento, tablas de rutinas y tareas, cartones de bingo y tarjetas educativas. Imprime juegos completos para clase en segundos, sin instalar nada ni facilitar correo electrónico.

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

Herramientas gratuitas en el navegador sin registro: alfabeto tailandés, fichas, hojas de ejercicios, enlaces verificados de OSINT, guía de brunch de Berna, conversor de unidades, cuenta regresiva compartible, referencia ASCII y compositor de emoticonos. Mayoritariamente del lado del cliente en alojamiento estático.

SizeCompare
SizeCompare (sizecompare.app) ⚡ 79

SizeCompare es una herramienta visual y gratuita para comparar el tamaño de teléfonos, tabletas, portátiles, neumáticos, animales y objetos cotidianos. Compara dimensiones reales a escala, con calculadoras para neumáticos, altura, pantallas y medidas personalizadas.

Choicer Voicer
Choicer Voicer (choicervoicer.games) ⚡ 79

Juego gratuito de doblaje y actuación de voz en el navegador para practicar tonos de personajes, dicción y ritmo con escenas cortas. Elige una escena, graba y compara tu interpretación sin crear cuenta.