可変グリッドレイアウトのプラグインjQuery Masonry タイルレイアウトJavaScript 可変グリッドレイアウトのプラグインjQuery Masonryを実装する 可変グリッドレイアウトとは、ブラウザ幅を変えるとそれにあわせてカラム数が変化し、コンテンツが再配置されるレイアウトです。2010年ごろから見かけるようになり、リキッドレイアウトと同じく環境対応型のレイアウトとして注目されています。 このレイアウトは情報の一覧性が高く、ページ全体にボリューム感を出すことができますが、どこから見ていいのか迷う可能性、コンテンツの位置が変わることにより迷子になる危険性も孕んでいます。 実際に利用する場合は、情報の整理整頓を考える必要があるようです。 今回は可変グリッドレイアウトを再現できるポピュラーなプラグインjQuery Masonryを実装してみます。Masonryはメーソンリーと読みます。メーソンリーとは石、レンガ、コンクリートブロックなどの組石造の建築物と
