CSS Grid Layoutをゲーム感覚で学べるサイト「Grid Garden」

2017/04/30

こんにちは。
今回はCSS Grid Layoutをゲーム感覚で学べるサイト「Grid Garden」です。

ゲームをしながらCSS Grid Layoutを身につけられるWebサービスを紹介します。

CSS Grid Layoutをゲーム感覚で学べるサイト「Grid Garden」

Grid Garden

grid-garden

http://cssgridgarden.com/

 

「Grid Garden」の使い方

grid-garden2

CSS Grid Layoutを使って、人参に水をやったり雑草を取り除くゲームです。
画面左の上側のヒントを見ながら、下のCSSのぬけた箇所を埋めていきますよ。
全部で28問あり、だんだん難しくなってきますよ。

 

CSSシークレット ―47のテクニックでCSSを自在に操る
CSSシークレット ―47のテクニックでCSSを自在に操る

 

いかがでしたか。「Grid Garden」でCSS Grid Layoutを勉強してみてはどうでしょうか。
以上でCSS Grid Layoutをゲーム感覚で学べるサイト「Grid Garden」でした。

Related Post

topへ戻る