CSS Diner

CSS Diner

flukeout.github.io · Verificado em Feb 21, 2026 ·
Abrir ferramenta

Descrição

Aprenda seletores CSS jogando um jogo com tema de jantar. Complete 32 níveis de seletores básicos até pseudo-classes avançadas.

Tarefa sem login

"Aprender seletores CSS através de um jogo"

Editorial Review & Verification

Hands-on Verified
Best For

Prática gamificada de quebra-cabeça interativo de 32 níveis para dominar seletores CSS e pseudoclasses.

No-Login Alternative To: css-speedrun-netlify-app regexlearn-com flexboxfroggy-com
💡 Estação de trabalho mais bem avaliada nesta categoria ⚡ 95 · Escolha do editor
GeoGebra

Construção geométrica interativa, gráficos de funções algébricas, visualização de cálculo e educação matemática STEM.

Ver estação de trabalho →

+ Key Strengths (Pros)

  • ✓ Currículo envolvente de 32 níveis, progredindo de tags elementares a pseudoclasses complexas (:nth-child, :only-of-type, :empty)
  • ✓ Exibição de tabela visual sincronizada em tempo real, editor CSS interativo e árvore de marcação HTML complementar

− Limitations (Cons)

  • − Não possui funcionalidade de exportação ou download para fazer backup do progresso do quebra-cabeça resolvido ou despejar folhas de referências do seletor personalizado

Deep Privacy & Sandbox Audit & Avaliação de poder e utilidade do produto

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

A telemetria está limitada a três solicitações do Google Analytics (/j/collect, /g/collect). As entradas do usuário e o progresso do nível permanecem armazenados localmente no navegador localStorage em 'currentLevel' e 'progress'.

⚡
Índice de poder do produto
84 / 100
✓ Altamente recomendado
📊 Radar de desempenho em 5 dimensões 5D CADES
Radar chart displaying 5 dimensions: Frictionless, Depth, Export, Privacy, Polish UX sem fricção: 18/20 (90%) Profundidade funcional e fidelidade: 18/25 (72%) Liberdade de exportação: 17/20 (85%) Privacidade e soberania de dados: 18/20 (90%) Estabilidade e acabamento: 13/15 (87%) UX sem fricção (18/20) Profundidade funcional e fidelidade (18/25) Liberdade de exportação (17/20) Privacidade e soberania de dados (18/20) Estabilidade e acabamento (13/15)
UX sem fricção 18 / 20
Início instantâneo sem cadastro, barreira de conta ou modais invasivos
Profundidade funcional e fidelidade 18 / 25
Execução completa do fluxo principal e riqueza funcional
Liberdade de exportação 17 / 20
Download irrestrito em formatos padrão sem marcas d'água
Privacidade e soberania de dados 18 / 20
Sandbox na memória do navegador, zero rastreamento e soberania de dados
Estabilidade e acabamento 13 / 15
Tipografia visual, ergonomia de layout e recuperação confiável
🔬 Notas práticas de laboratório Auditado em 2026-09

Concluiu o Nível 1 ('placa') e o Nível 2 ('bento') com tarefa de duração máxima de 79 ms e 0,05 CLS; o progresso persistiu com sucesso no 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

Telemetria verificada e auditoria empírica do NoLogin Lab™

CADES 2.0 Empirical Test
🛡️ Auditoria de tráfego de rede Verificado 100% local (zero envio)

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

Audit: verified-consistent
💻 Motor de sandbox de execução Local Only

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

Sandbox: Client-Side Only
📦 Integridade de arquivos e marcas d'água 100% limpo e sem marca d'água

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

Ad Tier: zero-ads
⚡ Velocidade de acesso e usabilidade imediata Início imediato (<500ms)

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

Onboarding: 0-Click Gate
📜 Código-fonte e governança Repositório de código aberto 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

A telemetria está limitada a três solicitações do Google Analytics (/j/collect, /g/collect). As entradas do usuário e o progresso do nível permanecem armazenados localmente no navegador localStorage em 'currentLevel' e 'progress'.

Tags

Histórico de disponibilidade

14 dias atrás → Hoje · Disponibilidade: 100%

Repositório

flukeout/css-diner

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

FAQ

CSS Diner exige uma conta?
Não. O CSS Diner foi verificado pelo nologin.tools para fornecer suas funções principais — Aprender seletores CSS através de um jogo — sem exigir login ou cadastro.
CSS Diner é gratuito?
CSS Diner está listado no nologin.tools como uma ferramenta que você pode usar sem criar uma conta. Confira o site da ferramenta para detalhes sobre preços ou recursos premium.

Ferramentas similares

GeoGebra
GeoGebra (geogebra.org) ⚡ 95

Software matemático dinâmico e gratuito para todos os níveis de ensino. Combina geometria, álgebra, planilhas, gráficos, estatística e cálculo em uma única ferramenta interativa.

Desmos
Desmos (desmos.com) ⚡ 94

Calculadora gráfica avançada implementada como um aplicativo web interativo. Plote funções, crie tabelas, adicione controles deslizantes, anime gráficos e explore matemática de forma visual.

Lantern Path Free Classroom Tools

Um conjunto gratuito de ferramentas que rodam direto no navegador, sem cadastro nem login, criado por uma editora infantil independente australiana para pais e professores. Inclui gerador de exercícios de matemática com gabarito, folhas de caligrafia e ortografia, criador de caça-palavras, certificados, tabelas de rotinas e tarefas, cartelas de bingo e flashcards. Imprima material para a turma inteira em segundos, sem instalar nada e sem necessidade de e-mail.

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

Ferramentas gratuitas de navegador sem cadastro: alfabeto tailandês, flashcards, folhas de exercícios, lista de links verificados de OSINT, guia de brunch de Berna, conversor de unidades, contagem regressiva compartilhável, tabela ASCII e compositor de emoticons. Em grande parte executadas no lado do cliente em hospedagem estática.

SizeCompare
SizeCompare (sizecompare.app) ⚡ 79

O SizeCompare é uma ferramenta visual gratuita para comparar o tamanho de celulares, tablets, notebooks, pneus, animais e objetos do cotidiano. Compare dimensões reais em escala, com calculadoras para pneus, altura, telas e medidas personalizadas.

Choicer Voicer
Choicer Voicer (choicervoicer.games) ⚡ 79

Jogo gratuito de dublagem e atuação de voz no navegador para praticar entonação, dicção e ritmo com cenas curtas. Escolha uma cena, grave e compare sua atuação sem criar conta.