Flexbox Froggy
カエルをハスの葉に導きながらCSS flexboxを学びましょう。
Thomas Park (Codepip) によるオープンソースプロジェクト「Flexbox Froggy」を MIT ライセンスのもとで使用しています。 ソースコード
ブラウザ内で動作します。入力内容は送信・保存されません。
Flexbox Froggyの使い方
- レベルの説明を読みます。
- エディタにCSSを入力して、カエルを同じ色のハスの葉に移動させます。
- 全24レベルをクリアしてflexboxをマスターしましょう。
よくある質問
CSSの知識は必要ですか？
いいえ。各レベルで必要なプロパティが説明されます。
作者は誰ですか？
Codepip の Thomas Park で、MIT ライセンスのオープンソースです。
Flexbox Froggyは無料ですか？
はい。Flexbox Froggyは無料で、登録不要、透かしも入りません。
入力した情報は保存・送信されますか？
いいえ。計算はすべてブラウザ内で行われ、入力内容がサーバーに送信されたり保存されたりすることはありません。
スマホでも使えますか？
はい。Windows、Mac、Linux、Android、iPhoneの最新ブラウザで動作します。古いスマホでは大きなファイルの処理に時間がかかることがあります。