ゲームをプレイしてCSSのコードを学ぶ

こんにちは！ アルシエで教育に関するサポートをしている岸本です。

今回は「ゲームをプレイしてコードを学ぶことができるCSS」についてお伝えしていきます。

フレックスボックスゾンビ2.0 (Flexbox Zombies 2.0)

1. • クロスボウを持ったキャラクターを操作してゾンビを撃つ楽しいゲーム。
   • Flexboxコードを使って敵をターゲットに倒すことで、Flexboxのすべてのプロパティを楽しく学べます。

CSSグリッド攻撃 (CSS Grid Attack)

1. • 誘拐された兄弟を救うための冒険に出かける。
   • コーディングパズルを通じてCSSグリッドを学び、実際のレイアウトについても理解できます。

グリッドガーデン (Grid Garden)

1. • CSSグリッドコードを使用して農場の植物や木を並べ替えるシンプルなゲーム。
   • レベルごとに新しいプロパティを学習し、初心者に最適な出発点です。

フレックスボックスアドベンチャー (Flexbox Adventure)

1. • アーサー王が金を盗んだ泥棒に復讐するお手伝いをする楽しいゲーム。
   • Flexboxコードを使って、Flexboxの基礎を楽しく学べます。

フレックスボックステーブルの騎士 (Flexbox Knights of the Flex Table)

1. • Flexboxコードを使用して騎士をテーブルに配置し、敵を倒してクエストを完了させる。
   • Flexboxの概念をゲームプレイを通じて強化します。

フレックスボックスフロッギー (Flexbox Froggy)

1. • カエルが昆虫の夕食に到達できるように、各レベルでFlexboxコードを記述します。
   • 初心者向けから上級者まで、すべてのFlexboxトピックをカバーしています。