可変グリッドレイアウトとは、画面の幅を変更することでグリッドが最適な配置に整列するようなグリッドレイアウトのことを言います。 レスポンシブデザインとの相性がいいのはもちろん、PCでの表示でもデバイスに最適なサイズでレイアウトを調整することができるというメリットがあります。 そんな可変グリッドレイアウトのWebサイトを簡単に作ることができるプラグインをまとめました。 Masonry グリッドレイアウトを実装できるプラグインの中では最も有名なのがMasonryなのではないでしょうか。ちなみに、当サイトのトップページもMasonryを使って作られています。 Masonryの特徴は、レイアウトに関する様々なオプションが用意されている点です。 グリッド幅のパーセント指定や、グリッド感のマージンの幅などのデザインはもちろん、グリッドの追加、削除、クリックによる拡大などが行えるメソッドも用意されているた
![簡単!可変グリッドレイアウトが作れるプラグインまとめ | Web Design Trends](https://cdn-ak-scissors.b.st-hatena.com/image/square/1e744529f1ab7a31755d651f967da9f9fb314cad/height=288;version=1;width=512/https%3A%2F%2Fwebdesign-trends.net%2Fwp%2Fwp-content%2Fuploads%2F2017%2F02%2Fgrid-plugin.jpg)