Flexbox Froggy

Apprenez le CSS flexbox en guidant des grenouilles vers leurs nénuphars.

Ouvrir dans un nouvel onglet

Projet open source « Flexbox Froggy » de Thomas Park (Codepip), utilisé sous licence MIT. Code source

Fonctionne dans votre navigateur. Rien de ce que vous saisissez n’est envoyé ni enregistré.

Comment utiliser Flexbox Froggy

  1. Lisez les consignes du niveau.
  2. Tapez du CSS dans l’éditeur pour amener les grenouilles sur les nénuphars de leur couleur.
  3. Terminez les 24 niveaux pour maîtriser flexbox.

Questions fréquentes

Faut-il connaître le CSS ?

Non. Chaque niveau explique la propriété dont vous avez besoin.

Qui l’a créé ?

Thomas Park de Codepip, en open source sous licence MIT.

Flexbox Froggy est-il gratuit ?

Oui. Flexbox Froggy est gratuit, sans inscription et sans filigrane.

Mes informations sont-elles enregistrées ou envoyées quelque part ?

Non. Tout est calculé dans votre navigateur. Rien de ce que vous saisissez n’est envoyé à un serveur ni enregistré.

Est-ce que ça fonctionne sur mon téléphone ?

Oui. L’outil fonctionne dans tout navigateur récent sur Windows, Mac, Linux, Android et iPhone. Les très gros fichiers peuvent être lents sur les téléphones anciens.

Autres outils : Jeux

Tout voir
Jeu de course 3DCourse auto 3D avec vraie physique. HexGL, course futuristeCourse 3D futuriste en antigravité. Cuberun, esquive en 3DEsquive de cubes synthwave aux néons. Cube magique 3DCube casse-tête 3D, de 2×2 à 10×10. Server SurvivalTower defense d’architecture cloud. Jeu de mémoireTrouvez les paires identiques.