Magic-Grid - ウィンドウ幅に応じてグリッドを自在に並び替え

Magic-Grid - ウィンドウ幅に応じてグリッドを自在に並び替え:

Webページをレスポンシブに対応させようと思うとグリッドベースのデザインを採用することが多いでしょう。デバイスの幅に応じて並べるグリッドの数を増減させることで表示をカスタマイズできます。多くのUIフレームワークがグリッドに沿ったUIを提供しています。

今回紹介するMagic-Gridはグリッドだけを提供するライブラリです。幅に応じてコンテンツを自在に変更してくれます。

Magic-Gridの使い方

実際に試しているところです。ウィンドウ幅を変更すると表示されるグリッドの並びが変わっているのが分かるでしょう。