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 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.

- 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.
Dans le même genre
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.
Décrivez une application, ou apportez celle que votre agent a créée. Tofu la met en ligne.
Fonctionne avec tout agent de codage
Ressources
Comparer
© 2026 Tofu
trytofu.ai
Traduit de l’anglais. En cas de divergence entre les deux versions, l’original anglais fait foi.