カエルのゲームでFlexboxを学べるサイト「Flexbox Froggy」

 
カエルを指定の葉っぱに移動させることでFlexboxを学べる学習サイト「Flexbox Froggy」の紹介です。問題はレベル24まで出題されヒントを頼りにCSSを埋めていきます。これからFlexboxを学びたい方にオススメのサイトです。

Flexbox Froggy

短時間で制覇できるので時間の空いてる時に試してみてはいかがでしょうか。以上、ゲーム感覚でCSSのFlexboxのプロパティを学べるサイト「Flexbox Froggy」の紹介でした。


  • CSSアニメーション制作に役立つライブラリ・ツール14選
  • さまざまなスタイルのCSSボタンをコレクションした「Buttons」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • 【html】文字実体参照を一覧できる「html arrows」
  • 【CSS】CSSだけで作られた簡単に使えるアイコンセット
RELATED POSTS
  • 長いURLを短くする短縮URLサービス8選
  • 遊びながら学べるプログラミング学習ゲーム「CodeCombat」
  • Hulu (フールー)で観れるおすすめのアニメ【2020年1月版】
  • おすすめのアフィリエイトASP7選【初心者向け】
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年1月版】
  • デバイスごとのスクリーンショットを一括生成「Responsive Screenshots」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 画像の人物を自動で切り抜きしてくれるWebサービス「remove.bg」
RECENT POSTS
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」
  • CSSでよく使うレイアウト・パターンをまとめたサイト「CSS Layout」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」