development_creative

この記事は1年以上経過しています。

Flexboxがわからない…そんなあなたにおすすめ!遊んで覚える【FLEXBOX FROFFY】

独学で始めると多くの人が混乱に陥るFlexbox
やっとdisplay:flexともお友達に慣れてきたのに…方向が変わったり、色々なプロパティに翻弄される日々…。
そんなあなたにおすすめ!
レスポンシブ対応のサイトを作る上で避けて通れない鬼門をゲーム感覚で遊びながら学習できるサイトがあるんです…!

それが…!

「FLEXBOX FROGGY」!!!!

このサイトはCSSを書くことでカエルを蓮の葉の上に導くゲーム。
見た目のカジュアルな雰囲気に騙されてはいけない。
カエルを導きつづけることでだんだんとFlexboxが馴染んでくる。
最初のうちはそれぞれの値についても説明が書かれているので、調べなくてもカエルを蓮の葉に導くことができる。

これ、簡単だな…!そんな風に自信を持たせてくれる初心者に優しい設計。
しかし終盤に進むにつれてだんだんと難しくなる。
前に対応したプロパティと値を駆使すればクリアできるのも復習になって面白い!
玄人さんでも実力をはかる際に支えて便利なサイトなので、
気になった方はリンクから遊んでみてね!

https://flexboxfroggy.com/#ja

Related ariticle

関連記事

TOP