tofu
ModèlesTarifsDocumentationUtiliser votre outil d’IA
Commencer gratuitement
  1. Modèles
  2. Apprentissage et enfants
  3. Flexbox Froggy

Flexbox Froggy

Jeu de mise en page web

Écrivez du CSS pour amener les grenouilles sur leurs nénuphars, et apprenez au passage à organiser une page web.

Créer ma copieEssayer (ouvre la copie de ses auteurs dans un nouvel onglet)

« Créer ma copie » vous demande d’abord de vous connecter. Avec le forfait Free, votre copie est votre seule application ; vous pouvez la supprimer à tout moment.
« Essayer » ouvre la copie de ses auteurs, pas la vôtre.

Flexbox Froggy
Créée par
thomaspark
Licence
MIT
Popularité
7,4 k étoiles sur GitHub
Utilise
Un simple navigateur

Ce que vous pouvez faire

  • Franchir les niveaux un par un, chacun étant un nouveau casse-tête de mise en page
  • Arroser un jardin dans un second jeu consacré à la mise en page en grille
  • Passer dans l’une des dizaines de langues disponibles, chinois compris

Pour quiLes étudiants et débutants qui apprennent à créer des pages web

Une fois qu’elle est à vous

  • Votre propre copie, à sa propre adresse
  • Toute personne qui a son adresse peut l’ouvrir, jusqu’à ce que vous choisissiez qui le peut
  • Modifiez-la avec votre propre agent de codage

Des idées pour la modifier

Une fois l’application en ligne, donnez n’importe quelle ligne ci-dessous à votre agent de codage.

  • Mettez le chinois comme langue par défaut

  • Ajoutez un niveau consacré au centrage des éléments

  • Mettez le nom de notre club de programmation à côté du titre

Code source et licence

Flexbox Froggy est open source : ses auteurs, thomaspark, ont publié le code pour que chacun puisse l’utiliser et le modifier.

Sa licence, MIT, vous permet de l’utiliser et de la modifier librement, à condition de conserver la mention de droit d’auteur de ses auteurs.

Votre copie est la version que vous avez copiée ; les mises à jour ultérieures de ses auteurs n’arrivent pas d’elles-mêmes.

Cette version sur TofuLe code original des auteurs

Dans le même genre

Tous les modèles
  • LOOPYSimulateur de cause et d’effetLancez la lecture et regardez un changement s’amplifier ou se calmer.
  • Branching puzzles for GitTerrain d’essai du contrôle de versionFranchissez des niveaux sur un schéma animé et apprenez à créer des branches et à fusionner dans Git.
  • Snap!Langage de programmation par blocsAssemblez des blocs pour créer des animations et des jeux, sans taper une ligne de code.
tofu

Décrivez une application, ou apportez celle que votre agent a créée. Tofu la met en ligne.

Fonctionne avec tout agent de codage

Produit

  • Fonctionnalités
  • Tarifs
  • Sécurité
  • Agent et CLI

Ressources

  • Documentation
  • Guides
  • Blog
  • Déployer une application
  • Connecter votre agent
  • Base de données
  • Connexion et e-mail
  • Domaines
  • Paiements
  • Pour les agents IA

Comparer

  • Toutes les comparaisons
  • Tofu face à une installation soi-même
  • Façons de mettre une app IA en ligne

Entreprise

  • À propos
  • Contact

Juridique

  • Conditions d’utilisation
  • Confidentialité
  • Conditions des domaines

© 2026 Tofu

trytofu.ai

Traduit de l’anglais. En cas de divergence entre les deux versions, l’original anglais fait foi.