tofu
VorlagenPreiseDokumentationIhr KI-Tool nutzen
Kostenlos starten
  1. Vorlagen
  2. Lernen und Kinder
  3. Flexbox Froggy

Flexbox Froggy

Lernspiel für Webseiten-Layouts

Schreiben Sie CSS, um die Frösche auf ihre Seerosenblätter zu bringen, und lernen Sie nebenbei, die Teile einer Webseite anzuordnen.

Meine Kopie erstellenAusprobieren (öffnet die Kopie der Autoren in einem neuen Tab)

Bei „Meine Kopie erstellen“ müssen Sie sich zuerst anmelden. Im Free-Tarif ist Ihre Kopie Ihre einzige App; Sie können sie jederzeit löschen.
„Ausprobieren“ öffnet die Kopie der Autoren, nicht Ihre.

Flexbox Froggy
Entwickelt von
thomaspark
Lizenz
MIT
Beliebtheit
7383 Sterne auf GitHub
Nutzt
Nur einen Browser

Was Sie damit tun können

  • Ein Level nach dem anderen lösen, jedes ein neues Layout-Rätsel
  • In einem zweiten Spiel zum Grid-Layout einen Garten gießen
  • Zwischen Dutzenden Sprachen wechseln, auch Chinesisch

Für wenSchüler und Einsteiger, die lernen, Webseiten zu bauen

Sobald sie Ihnen gehört

  • Ihre eigene Kopie unter eigener Adresse
  • Jeder mit der Adresse kann sie öffnen, bis Sie festlegen, wer es darf
  • Ändern Sie sie mit Ihrem eigenen Coding-Agenten

Ideen für Änderungen

Sobald die App online ist, geben Sie Ihrem Coding-Agenten eine beliebige Zeile unten.

  • Chinesisch als Standardsprache festlegen

  • Ein Level nur zum Zentrieren hinzufügen

  • Den Namen unseres Programmierclubs neben den Titel setzen

Quellcode und Lizenz

Flexbox Froggy ist Open Source: Die Autoren, thomaspark, haben den Code veröffentlicht, damit ihn jeder nutzen und ändern kann.

Die Lizenz, MIT, erlaubt Ihnen, die App frei zu nutzen und zu ändern, solange Sie den Urheberrechtshinweis der Autoren beibehalten.

Ihre Kopie ist die Version, die Sie kopiert haben; spätere Updates der Autoren kommen nicht von selbst dazu.

Diese Version auf TofuDer Originalcode der Autoren

Ähnliche Apps

Alle Vorlagen
  • LOOPYSimulator für Ursache und WirkungDrücken Sie auf Play und sehen Sie zu, wie sich eine Veränderung aufschaukelt oder einpendelt.
  • Branching puzzles for GitSpielwiese für VersionskontrolleLösen Sie Level an einem Diagramm, das live mitläuft, und lernen Sie, in Git Branches anzulegen und zusammenzuführen.
  • Snap!Programmiersprache mit BausteinenZiehen Sie Bausteine zusammen und bauen Sie Animationen und Spiele, ganz ohne Code zu tippen.
tofu

Beschreiben Sie eine App oder bringen Sie eine mit, die Ihr Coding-Agent gebaut hat. Tofu stellt sie online.

Funktioniert mit jedem Coding-Agenten

Produkt

  • Funktionen
  • Preise
  • Sicherheit
  • Agent und CLI

Ressourcen

  • Dokumentation
  • Anleitungen
  • Blog
  • App bereitstellen
  • Agent verbinden
  • Datenbank
  • Anmeldung und E-Mail
  • Domains
  • Zahlungen
  • Für KI-Agenten

Vergleich

  • Alle Vergleiche
  • Tofu gegenüber dem Selbstaufbau
  • Wege, eine KI-App online zu bringen

Unternehmen

  • Über uns
  • Kontakt

Rechtliches

  • Nutzungsbedingungen
  • Datenschutz
  • Domain-Bedingungen

© 2026 Tofu

trytofu.ai

Aus dem Englischen übersetzt. Bei Abweichungen gilt der englische Originaltext.